Image de fond xhtml css
marie
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
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
merci
A voir également:
- Image de fond xhtml css
- Image iso - Guide
- Enlever le fond d'une image - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Fond de page word - Guide
- Trame de fond word - Guide
9 réponses
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 ?
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 ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
SALUT
mais pourquoi ne donne tu pas la couleur de fond au <body>?
RAD
mais pourquoi ne donne tu pas la couleur de fond au <body>?
body {
background-image: url("blou.gif");
}
RAD
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 :)
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.
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.
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
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
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 .
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 ! )
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 ! )
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 ?…).
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 ?…).