Archive for February, 2009

Use CSS display:table for Layout

Posted on: Sunday, February 15th, 2009 at 11:34 pm by Anup Shah

For a few years now, web developers doing CSS-based layouts have used floats or absolute positioning for layout web sites to avoid using non-semantic HTML <table>s.

While doable, extra hoops often have to be jumped through (mostly for IE) and some seemingly simple things can be harder than necessary (like equal height columns).

However, for a simpler solution, CSS-based display:table, display:table-row, display:table-cell etc are all usable today across Firefox 2+, Safari 3+, Opera 9+ and IE8.

Read the full post titled, “Use CSS display:table for Layout”