Problemas con div
Hoy estuve creando una pantalla en xHTML. a grandes rasgos necesitaba un menu izq de altura fija y un contenido a la derecha de altura variable.
Para lograrlo hice (he incluido los styles dentro de los mismos tags solo para efectos ilustrativos):
<div id="_Container">
<div id="_Menu" style="float:left">
….
</div>
<div id="_Content" style="margin-left:180px;">
….
</div>
</div>
el resultado era el correcto, excepto cuando el bloque _Content era de menor tamaño que el bloque _Menu
Para solucionarlo, era necesario incluir otro div más al final del div#_Container de la siguiente manera:
<div id="_Container">
<div id="_Menu" style="float:left">
….
</div>
<div id="_Content" style="margin-left:180px;">
….
</div>
<div style="clear:both;">
</div>
</div>
El ultimo div contiene el estilo clear:both. Con esto el div _Container se expande lo necesario para incluir el div#_Menu.
powered by performancing firefox