A la hora de maquetar un sitio vÃa CSS uno muchas veces se encuentra con un problema que pareciera muy simple de resolver pero no lo es tanto.
Imaginen por un momento que su sitio posee varios bloques div a modo de columnas, con su contenido dentro. Si no indicamos la altura de estas columnas nos encontraremos obviamente con que el bloque adaptará su tamaño según el contenido que tenga dentro.
Ahora la dificultad es qué hacer si deseamos que extienda su altura a lo largo de toda la página y que, por lo tanto, todas las columnas tengan el mismo tamaño.
Una de las soluciones que nos propone Metal.ize no es demasiado complicada.
Primero que nada habrá que incluir las columnas dentro de un bloque contenedor:
<div id=”contenedor”>
<div id=”izquierda”></div>
<div id=”central”></div>
<div id=”derecha”></div>
</div>
Y luego de esto debemos acomodar el CSS teniendo en cuenta que el html y el body también son tags, por lo que pueden modificarse sus propiedades, en este caso la altura.
html, body, #izquierda, #central, #derecha, #contenedor {
height: 100%
}
Y con esto el problema ya deberÃa estar resuelto. Seguramente tener esto en cuenta les ahorrará más de un dolor de cabeza en su momento.
Comentarios recientes
- Mirta: A mi me pasa lo mismo que a Leandro y a Cris, que puede estar sucediendo...
- lk5: Deberian poner mas imagenes en sus posts, sin duda creo que seria mas at...
- Victor Figueroa: Bueno en mi epoca de estudio siguiente fueron los lenguajes aprendidos e...
- Joseph Rivera / Puerto Rico: Exelente portal de informacion ,, lo uso en cantidad ,, no dejen de prod...
- Morton: Maricela S., al parecer aún no está disponible la versión en español...
- Juan Jose: Que buen Blog de Michaell espero mas, grax por todo Michaell, descansa e...
Feed de los comentarios