Blog

Nostálgicos de las tablas

13 junio, 2006

¿Cómo imitar el comportamiento de las tablas cuando los altos de las divs se resisten? .
Visto en slashdot.:
Consiste en declarar las propiedades de display como «table» para el body, de «table-row» para los elementos que abarcan toda la amplitud del body, y «table-cell» para los que sólo ocupan una parte.
Por lo que dice, parece que esto además obliga a cada div a ocupar el 100% de la altura que ocupa la «fila» a la que pertenecen (creo que hace falta poner un «table-row» para saltar una fila). Hab´ra que probarlo, es posible que en IE no funcione. Pero eso tampoco sería ninguna sorpresa.

body {
display: table;
width: 100%;
}
#header, #footer {
display: table-row;
}
#foo, #bar, #baz {
display: table-cell;
width: 33.3%;
}
«

//primera fila, 1 celda

//segunda fila, 3 celdas

//tercera fila, 1 celda
»

Discusión original:
http://ask.slashdot.org/article.pl?sid=06/06/10/2337223
Comentario referido:
http://ask.slashdot.org/comments.pl?sid=188125&cid=15512090

Más sobre este tema

Tags: , ,
Category: CSS

Comments are closed.