Nostálgicos de las tablas

¿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

Scroll to Top