tengo las siguientes divisiones
Código:
<div id="cuerpo">
<div id="lateral">
Contenido
</div>
<div id="derecha">
Contenido
</div>
<div id="principal">
Contenido
</div>
</div>
con el siguiente style
Código:
#cuerpo{
background-color: #EEE999;
margin: 10 0 10 0px;
}
#lateral{
background-color: #FFF999;
margin-left: 10px;
width: 170px;
float:left;
clear: both;
}
#principal{
background-color: #FFF111;
margin-left: 180px;
margin-right: 180px;
}
#latder{
background-color: #FFF999;
width: 170px;
float: right;
margin-right: 10px;
clear: both;
}
en iexplorer 7.0 (se visualiza bien)
piojosoft.com/iexplorer.jpg
en firefox y crhome (div latder se baja hasta la altura del pie de div lateral)
piojosoft.com/firefox.jpg
en iexplorer 6.0 el contenido del div principal baja hasta la altura del pie de div lateral. dejando todo el espacio en blanco en el medio.
en firefox cualquier float cerrado por un clear both que coloque dentro de una caja dentro del div principal arrastra todo el contenido que se encuentra por debajo del clear both hasta el pie del div lateral.
alguna solucion?