28220 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un petit probleme à cette adresse :
http://www.toutankharton.com/rf/
On voit clairement le probleme dans firefox. Dans ie ça va. En fait je voudrais que mes deux div en float (entouré de bordures vert et rouge pour les mettre en evidence) possede le background-image de leur parent, div#contenu.

Voila les codes concernés :


<div id="conteneur_top"></div>
<div id="conteneur">
	<div id="menu">dfdffdf</div>
	<div id="contenu">dfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	<br /> vdfdffdf
	</div>
</div>
<div id="conteneur_bas"></div>


div#conteneur {
background:url(bg_contenu.gif) repeat-y left top;width:770px;
margin:auto;
clear:both;
}
div#conteneur_top, div#conteneur_bas { width:770px; height:6px; margin:auto; font-size:1px; }
div#conteneur_top { margin-top:5px; background:url(contenu_haut.gif) no-repeat left top;font-size:1px; }
div#conteneur_bas { background:url(contenu_bas.gif) no-repeat left top;clear:both; }

div#menu {
width:270px;
float:left;
border:1px solid green;

}
div#contenu {
width:495px;
float:left;
border:1px solid red;
}

Modifié par Toutankharton (18 Dec 2005 - 17:07)
Bonjour,

Ajouter au conteneur une propriété overflow avec au choix une des valeurs auto ou hidden.

(Les flottants laisseront de toutes façons voir l'arrière-plan de leur conteneur. Mais encore faut-il que celui-ci s'étende sur la hauteur nécessaire. C'est le rôle de ces valeurs d'overflow...)
Modifié par Laurent Denis (18 Dec 2005 - 15:37)