Discussion :

[piotrr]

voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Macmillenium]

Bonsoir,

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

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

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.