the basic layout… #3

…on www.gunlaug.no/…

inner containers exposed…

The fifth wrapper (#superwrapper3 - solid aqua border) holds all content-containers in place.

The sixth wrapper (#content - dashed blue border) holds the main content container in place, and is lifted into the header area.

The seventh wrapper (#col-3 - dashed red border) centers the main content. A right-padding offset main content sections away from the right column area.

overlapping containers…

All these containers use the same horizontal space, and adjust to the real page-wrapper and their own max-width. The apparent empty space along the right side of fifth wrapper is where Internet Explorer dumps all its bugs, which is the main reason this layout holds so well in that bugger.

this is a demo…

I have written an article about this layout.

sincerely  georg; sign

Hageland 13.nov.2007
last rev: 13.nov.2007

the basic layout…

I may add some “take away” comments or quotations here, to expand on the article.
— Georg


site layout…
…2004 - 2007


site header graphic