Niveau
..........
En rapport...

tenir compte de la hauteur des élément flottant

On appel éléments floattants les éléments dont la propriété float est précisé. Ces élément on la facheuse tendance de ne pas être pris en compte dans la hauteur de leur élément parents.
Exemple:

html4strict
<div style="background-color:#F00; border:1px solid #000;">
  <div style="float:left;">
    Ce div est flottant !
  </div>
</div>


Donnera:

Ce div est flottant !


Il suffit pour que le div parent gère la hauteur de ses enfant flottant de lui rajouter la propriété overflow:auto:

html4strict
<div style="background-color:#F00; border:1px solid #000; overflow:auto;">
  <div style="float:left;">
    Ce div est flottant !
  </div>
</div>

Donnera:

Ce div est flottant !

Pour ne pas changer IE ne gère pas correctement le overflow:auto. Il faut donc rajouter un “width” (oui oui vous avez bien lu un width) pour que IE prenne en compte la hauteur des éléments floatants…

maniT4c 02/02/2006 15:49