Layouts / Illustrations

A 3 column stretchable pure-css layout

Here's a layout based on the same scheme as the previous one but it has one major difference - it adjusts its width to the resolution and the contents area is fluid. It is based on a very handy technique which makes use of negative margins, presented on A List Apart.

This layout is xhtml 1.1 and css valid and optimised for IE and Opera as well as browsers with the Gecko and KHTML rendering engines.

You may use it freely for any purpose without seeking my permission.
A link back to xro resources would be greatly appreciated.

layout002 demo

see live demodownload .html & .css

Got any comments? Found errors? Want to contribute to the site? Why not write to me?