Hola amigos,
Hace bastante tiempo que tengo esta duda.
¿Cómo puedo hacer para que el <div class="clear"> </div> tenga altura cero en Internet Explorer?
Como sabeis, esta capa se usa para que las dos columnas flotadas y que se encuentran dentro de un contenedor, sigan creciendo hacia abajo sin salirse del contenedor.
Por ejemplo:
<div id="contenedor><div id="columnaIzquierda">Texto de columna izquierda</div>
<div id="columnaDerecha">Texto de columna derecha</div>
<div class="clear"> </div>
</div> #contenedor { width: 200px; } #columnaIzquierda { width: 100px; float: left; } #columnaDerecha { width: 100px; float: left; } .class { clear: both; height: 0; }
En los buenos navegadores sale cero pero con IE no.
He probado a poner margin=0 y padding=0 en todo pero nada, IE se resiste.
Gracias