background pour div imbriquées

voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9

<div style="background-color:red"> <div style="float:left"> gauche </div> <div style="float:right"> droite </div> </div>

---

Je ne comprends pas pourquoi les div gauches et droites n'héritent pas de la couleur d'arrière plan de la div conteneur (couleur rouge).

merci

Bonsoir,

Citation:

---

Envoyé par piotrr

Je ne comprends pas pourquoi les div gauches et droites n'héritent pas de la couleur d'arrière plan de la div conteneur (couleur rouge).

---

Parce qu'il manque un overflow:hidden sur le conteneur ;)

Citation:

---

Envoyé par Bisûnûrs

En effet, les éléments flottants sont hors flux, donc leur conteneur ne les prend pas en compte pour calculer sa propre hauteur. Dans ton cas, si tu mets une couleur de fond à ton ul, elle n'apparaîtra pas. C'est ce phénomène qui fait que ton margin-top n'est pas "pris en compte" sur Firefox, puisque du coup ce margin-top se fait depuis la fin de la hauteur du dernier élément dans le flux, ton ul, qui n'a pas de hauteur

---

Citation:

---

Envoyé par Bisûnûrs

Pour résoudre ce problème, tu peux créer un nouveau contexte de formatage block sur ton ul, en lui mettant un overflow:hidden par exemple.

---