rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Image de fond xhtml css

Posté par marie, le vendredi 25 mai 2007 à 11:37:06
Bonjour , j'ai crée un div principal qui englobe ts mes autres div et qui est censé faire tte la page , et quand dans le code css je mets une image de fond au div , je remarque que le div fait pas tte la page et qu'il est entourée de marges de 10px environ , ya moyen que l'image de fond du div remplisse la page entièrement ?

merci
Configuration: Windows XP
Firefox 2.0.0.3
Répondre à marie  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
webtotoche, le vendredi 25 mai 2007 à 11:43:01
Quelles sont les propriétés de style CSS pour ce div principal ?
   
Répondre à webtotoche

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
marie, le vendredi 25 mai 2007 à 11:57:12
#conteneur {
width: 100%;
background-image: url("blou.gif");
}
   
Répondre à marie

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
marie, le vendredi 25 mai 2007 à 12:22:38
personne n'a d'idée ? :(
   
Répondre à marie

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
RAD ZONE, le vendredi 25 mai 2007 à 12:30:05
SALUT

mais pourquoi ne donne tu pas la couleur de fond au <body>? 
body {
background-image: url("blou.gif");
}


RAD
   
Répondre à RAD ZONE

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
marie, le vendredi 25 mai 2007 à 12:32:15
parce que dans le body il y a d'autres div et que je n'ai pas envie que cette image soit dans les autres div :)
   
Répondre à marie

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 25 mai 2007 à 13:24:44
re,

tu peux sélectionner cette division en particulier en utilisant un identifiant ou une classe.

si ton image d'arrière plan ne sert qu'à donner une couleur il ne faut pas utiliser cette méthode mais préférer une couleur d'arrière plan.

en effet il est illogique de transporter un bitmap pour un effet que le navigateur peut afficher sans problème (tous navigateurs confondus et même les version un peu anciennes). tu y gagnera en temps de chargement et en charge du serveur. 
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain
   
Répondre à Dalida

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
ACNet, le vendredi 25 mai 2007 à 12:40:36
Bonjour,

es tu certaine que le problème vient réellement de ton div ?
Si tu ne lui donnes aucune marge, mais que le body possède une marge, l'image de fond du div ne prendra naturellement pas toute la taille du document.


body{margin:0px;}

résout il ton problème ?
   
Répondre à ACNet

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
RAD ZONE, le vendredi 25 mai 2007 à 12:40:50
SALUT

on peut pas deviner !! si on relis ton post tu nous parle de mettre une couleur en bg sur toute la page !!!! je remarque que le div fait pas tte la page et qu'il est entourée de marges de 10px environ ,ya moyen que l'image de fond du div remplisse la page entièrement

un lien ou le code complet serais quand même mieux !! pour voir ton probleme !

RAD
   
Répondre à RAD ZONE

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
marie, le vendredi 25 mai 2007 à 12:48:32
merci ACNet , ton code résoud bien mon probleme , en fait quand on crée un div tt seul sur un page avec un width de 100% , à mon avis il se met logiquement à 10px du body .
   
Répondre à marie

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 25 mai 2007 à 13:18:53
salut,

à priori il ne sert à rien de préciser {width:100%} pour le <div>, c'est un élément de type bloc, il prendra donc par défaut toute la largeur du bloc le contenant (son parent).

et le "logique" du 10px du body c'est sans doute la valeur de marge par défaut du navigateur. 
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain
   
Répondre à Dalida

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
webtotoche, le vendredi 25 mai 2007 à 13:23:34
Salut !

J'abonde dans le sens de ACNet.

Pour modifier la surface d'affichage du div j'ai joué sur ses propriétés
margin-left / margin-top / margin-right / padding-bottom / padding-right / padding-top, en leur donnant des valeurs soit positives, soit négatives.

( tu feras les essais ;-) )

Le truc c'est que ces propriétés étant interprétées différement selon le navigateur il faudra probablement faire des feuilles de style adaptées (mais ça tu le sais sans doute déjà).


(PS : entretemps j'ai vu que ACNet a résolu ton problème d'une autre façon. Chouette ! Des idées et moins d'une heure entre la première réponse et la solution ! )
   
Répondre à webtotoche

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Dalida, le vendredi 25 mai 2007 à 13:32:56
re re,

tu parles de marges et d'espacement mais seul le {padding} sous IE peut poser problème à cause du modèle de rendu de boite de IE qui ajoute la valeur du {padding}.

mais pour une mise en page ce sont les valeurs littérales qui sont problématique car en hauteur la page peut s'étirer sans problème (sauf hauteur fixe). il faut simplement prendre l'habitude de coder sans utiliser l'espacement droite et gauche, cela suffit dans 95% des cas.

la multiplication des feuilles et l'utilisation des hacks rend la mise en page fragile. surtout dans ce cas très très simple qui ne devrait pas réellement poser de problèmes.

les valeurs négatives sont aussi à utiliser avec précaution car sur ce sujet les navigateurs ont des avis divergents (IE 6, certainement 7 et que se passera-t-il sous linux ?…). 
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain
   
Répondre à Dalida
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Image Resizer 1Image Resizer - Petit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger VSO Image Resizer 2.0.1.9VSO Image Resizer - Le logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger ImageWell 3.5.3ImageWell - ImageWell n'est pas à proprement parler un logiciel de Retouche photo. Il permet plutôt de préparer des images pour le...Catégorie: Retouche photo
Licence: Freeware/gratuit
Télécharger Firstpage 2006Firstpage - First Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de...Catégorie: Editeurs HTML
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « image de fond xhtml css »