Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/03/2009, 09:45
piojoso
 
Fecha de Ingreso: enero-2006
Mensajes: 199
Antigüedad: 18 años, 2 meses
Puntos: 5
Problemas float y clear both

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>