the basic layout… #2

outer containers exposed…

The outermost wrapper (#wrapper - solid black outermost border) controls min/max width for the construction.

Second wrapper (#iewrapper - dashed red border) is redundant, but used to provide proportional, 'em' controlled, space in header-area.

Third wrapper (#superwrapper1 - dashed blue border) creates space for the fixed-width side-column alongside the fluid main-column.

Forth wrapper (#superwrapper2 - solid red border) is redundant, but used for styling the side-column/footer edges as part of the “equal height” illusion.

Fifth wrapper (#superwrapper3 - solid aqua border) is pulled out over the edge of third and forth container, and contains all content-columns.