Flexible and robust 3 column CSS layout

by Peter

I have just completed a new three column CSS layout designed to be extremely robust and flexible. The major DIVs are build outside in to prevent column overflow, and the layout is designed to degrade very gracefully in narrower viewports. Give it a test by clicking the demo (below is just an image) – see how the header splits and the sidebars fold under one another as you make the viewport narrower.

It’s designed for ads in the header and 25o px wide ads in the middle sidebar. Have fun!

Three column CSS layout

You can get the markup and the CSS by viewing the source of the demo!

Related Posts:

Leave a Comment