Lorsqu'on utilise des positionnement CSS de type float:left ou float:right, il est courant de faire un clear:both après pour revenir sur le flux de la page. Exemple :
HTML :
<div class="left">
left
<div class="right">
right</div>
<div class="clear"><!-- --></div>
<p><ins>CSS :</ins></p>
<code>
.left {
float:left;
}
.right {
float:right
}
.clear {
clear:both;
}
Or, sous IE, il y a un bug assez génant : il génère un espace avant et après cette DIV, comme un genre de margin. L'astuce est d'associer une hauteur à la classe clear :
.clear {
clear:both;
height: 0px;
overflow: hidden;
}
