28219 sujets

CSS et mise en forme, CSS3

Voici un code tout simple mais je ne comprends pas pourquoi Firefox ne prend pas en compte le background-color de mon div Contenu ??
c'est pour faire en sorte que quelque soit la longueur du contenu de gauche ou droite on est m'impression que les colonnes suivent...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
BODY {
	
}
#contenu {
	width: 1000px;
	background-color: blue;
}
#gauche {
	width: 120px;
	float: left;
	background-color: red;
}
#droite {
	width: 440px;
	float: left;
	background-color: blue;
	height: 500px
}
#colonnedte {
	width: 440px;
	float: left;
	background-color: green;
}
</style>
</HEAD>

<BODY>
<div id="contenu">

<div id="gauche">a</div>
<div id="droite">rrrrrrrrrrr</div>
<div id="colonnedte">c</div>

</div>

</BODY>
</HTML>


ça fonctionne bien sous IE mais pas sous Firefox ...
pour une fois que c'est dans ce sens ça m'inquiète Smiley smile
Alors si qqun a une idée ??

Sofinette.
Modifié par sofinette (28 Mar 2007 - 14:50)
Bonjour aussi...

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Modifié par Mikachu (28 Mar 2007 - 12:23)
Bonjour,

Quelque chose comme ceci peut-être? Smiley cligne
#contenu {overflow:auto}


edit: ppffiou 'sont rapides ces modos Smiley sweatdrop
Modifié par Benjamin D.C. (28 Mar 2007 - 12:26)
Benjamin D.C. a écrit :
Bonjour,

Quelque chose comme ceci peut-être? Smiley cligne
#contenu {overflow:auto}


edit: ppffiou 'sont rapides ces modos Smiley sweatdrop


Merci ça fonctionne !