CSS-table layout

This demo shows a layout created with a CSS-table (not supported by IE).

The 2 column middle section changes into a single column when the viewport width is less than 400px in browsers that support CSS3 media queries (like Opera). Opera V8.x only supports pixel values, V9 will allow other units like em.

A method to serve IE an HTML table instead is offered by: CSS-table layout with IE fallback.