CSS : Probleme d'image de fond

Résolu
jeremims -  
 jeremims -
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

7 réponses

nico7382 Messages postés 279 Date d'inscription   Statut Membre Dernière intervention   50
 
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   Statut Membre Dernière intervention   50
 
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   Statut Membre Dernière intervention   1 057
 
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
jeremims
 
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   Statut Membre Dernière intervention   1 057
 
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
jeremims
 
c'est pas la même image pour toute la hauteur il y a un haut et un bas ....
0
jeremims
 
Super c'etais ca !!! merci
0