CSS : Probleme d'image de fond

Résolu/Fermé
jeremims - 22 déc. 2009 à 14:07
 jeremims - 22 déc. 2009 à 15:36
Bonjour,

j'ai un problème d'affichage d'image de fond sur ce site internet :

http://www.developpementnumerique.com

la propriété css :
#fond{
	background-image: url(images/developpementphoto_02.png);
	background-repeat: repeat-y;
	background-position: center center;
	padding:0 25px 0 25px;
	margin:0px;
	display:block;
}


qui est sensé afficher l'image sur toute la hauteur ne fonctionne pas,

j'ai mis un min-height à 300 pour que vous voyez de quoi je parle.

Une idée pourquoi ca ne s'affiche pas ?

Merci
A voir également:

7 réponses

nico7382 Messages postés 279 Date d'inscription lundi 6 juin 2005 Statut Membre Dernière intervention 22 décembre 2010 50
22 déc. 2009 à 15:30
Trouvé :

dans ton css, il faut que tu inscrive ca :

overflow:auto;

dans ta balise #fond
2
nico7382 Messages postés 279 Date d'inscription lundi 6 juin 2005 Statut Membre Dernière intervention 22 décembre 2010 50
22 déc. 2009 à 14:34
Salut,

je suis allé sur ton site et j'ai vu de quoi tu parle tu as un fond de page qui s'arrete beaucoup trop tôt.

Je pense que le soucis ne vient pas du css mais de ta déclaration des différents div.

Ils sont déclaré dans le <div id="fond"> et sont positionnés ensuite.

Hors sous ff, je vois que ton div "fond" s'arrete très haut dans ta page. si tu vois ce que je veux dire


EDIT : en enlevant le <hr class="spacer" /> tu verras que ton div est mal déclaré, car le fond du pied de page remontera et se collera parfaitement avec ton fond de page.

normalement le #fond ne doit pas avoir de height ou de min-height, il doit s'étendre jusqu'au pied de page
1
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 057
22 déc. 2009 à 14:25
Salut !

L'image de fond s'affiche très bien. Je le voit sur les 300px de sa hauteur : http://www.cijoint.fr/cj200912/cijLBnMON9.png


sinon, tu peux mettre ça :

#fond{
background: url(images/developpementphoto_02.png) center center repeat-y ;
padding:0 25px 0 25px;
margin:0px;
display:block;
}
0
Je viens de supprimer le <hr class="spacer"> effectivement le pied de page remonte au header, je sais aussi qu'il ne faut pas de min-hight ou de height c'est seulement pour présenter le problème.

Je ne comprends pas pourquoi le contenu de la balise <div id="fond"> n'est pas pris en considération, c'est tout cela mon problème....
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 057
22 déc. 2009 à 14:58
Pourquoi tu ne met pas l'image dans le fond du "body" ?

Tu donnes une largeur fixe au "body" et un margin: 0 auto; et hop !
0
c'est pas la même image pour toute la hauteur il y a un haut et un bas ....
0
Super c'etais ca !!! merci
0