#main {
width: 720px;
border: 3px solid #F00;
}
#menu {
width: 200px;
float: left;
border: 3px solid #0F0;
}
#contenido {
width:500px;
border: 3px solid #000;
}y luego en el documento tendr�ais esto as�:
<div id="main"> <div id="menu"> Aqu� va el menu </div> <div id="contenido"> Aqu� va el contenido </div> </div>
Esto har�a que lo vieseis bien en Exploter, pero no en Mozilla y otros browsers, ya que al 'flotar' elementos estos no 'estiran' el bloque. Hay un peque�o hack, que es colocar debajo un contenedor con clear:both. Yo suelo hacerlo as�:
en la hoja de estilos:
#clear {
clear: both;
height: 0;
}y el en documento, justo antes de que cierre el <div id=main> coloco el
<div id="clear"> </div>
Y de esta forma el bloque principal crece hasta donde llegue el elemento m�s alto.
No s� si lo hab�is entendido, espero que s�. Si no os funciona avisad ;)
Un saludo
Garikoitz Araolaza wrote:
Hola:
Mareados ya con las (para nosotros aparentemente) caprichosas implementaciones de CSS, enviamos este caso para ver si alguien nos puede dar alguna luz:
�C�mo se puede conseguir que los bloques "crezcan" en funci�n de su contenido? o mejor dicho �Qu� narices hacemos para que no nos crezcan como debieran? (ver en http://www.codesyntax.com/cajas.html ) Por supuesto, querr�amos que el bloque verde (el menu) hiciera que el bloque principal aumentara seg�n hiciera falta, y no se superpusiera.
Lo que hemos puesto ah� es un ejemplo simplificado de lo que nos pasa. Pero esto, que es aparentemente tan sencillo, funciona a veces por algo que no controlamos, y otras veces no... �Magia?
Gracias por adelantado
Saludos
Garikoitz Araolaza CodeSyntax
_______________________________________________ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
