tengo la siguiente division div id cuerpo que contiene todo a dentro div lateral flotando a la izquierda con un clear: both al final. y tambien adentro div principal con margen a la derecha.
dentro de div principal tengo otras dos divisiones sublateral flotando y sub principal con margen.
en todos los navegadores, cuando coloco el clear both al final de /div lateral el div principal se coloca abajo de div manteniendo el margen, y arriba queda un gran espacio vacio que es donde deberia estar.
¿Que estoy haciendo mal?
Código:
<div id="cuerpo">
<div id="lateral"> // con un float left
Contenido
</div>
<div style="clear: both;"></div>
<div id="principal"> // con margen left
Contenido
<div id="sublateral"> // con un float left
contenido
</div>
<div style="clear: both;"></div>
<div id="subprincipal"> // con margen left
contenido
</div>
</div>
</div>