Forcer la hauteur d'un div qui contient des float

Bonjour

Tout-à-fait par hasard, j'ai appliqué la propriété float:left à un <div> qui contenait d'autres <div> qui avaient aussi la propriété float.
A mon grand étonnement cela a résolu le problème de la hauteur de ce conteneur (donc ma couleur d'arrière-plan suivait) dans firefox et IE 7.

Quelqu'un a-t-il déjà essayé ceci. Cela se pourrait-il que ce soit aussi simple, sans utiliser le <hr /> ou <div> avec un clear en bas du conteneur comme je le faisais avant, ou un overflow qui ne fonctionne pas dans tous les navigateurs ?

Merci de me donner des commenaires à ce sujet !

Les div avec float sortent du flux normal de la page.
Ton div conteneur ne contenait donc plus rien...

mcb a écrit :
Bonjour

Tout-à-fait par hasard, j'ai appliqué la propriété float:left à un <div> qui contenait d'autres <div> qui avaient aussi la propriété float.
A mon grand étonnement cela a résolu le problème de la hauteur de ce conteneur (donc ma couleur d'arrière-plan suivait) dans firefox et IE 7.

Salut,

tu veux dire utiliser la propriété float pour créer un contexte de formatage en quelque sorte ? Bizarre, bizarre...

Et avec IE 6 L'ami des vendredÿste ça donne quoi ?
Modifié par Christian Le Bouler (22 May 2007 - 00:15)

Bonsoir,

Cf. Éléments flottants qui dépassent de l'élément parent.

Bonne continuation.

Ca fonctionne bien sur IE 6 !