#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