This is the header. Its only CSS is height:75px (and the 2px border-bottom so you can see where it ends).

• Link 1
• Link 2
• Link 3

This column has fixed width and is absolutely postioned to left:0, top:75px. Its right border is .

Content area - The header, content and footer divs still have the default "static" positioning so they continue to just stack on top of one another.

The absolutely positioned left and right columns are now out of the "flow" of the document.

Because no widths are specified for the header, content and footer divs the width of the center area is fluid and that the footer moves down as the content gets longer.

This div has a 2px border-bottom.

Secondary content.

This column has fixed width and is absolutely postioned to left:0, top:75px. Its left border is displayed.

This is the footer