I was toying with some SEO ideas, and wanted a CSS-based layout that puts the content at the top.

After doing so much PITA CSS for a year ror two, and then not doing it for a couple years, it suddenly got really easy to make this layout. Maybe the CSS concepts just take time to sink in. It seemed to make more sense as I forgot the language.

Attached is a 3 column layout with two nav bars, a sidebar column, a footer, and a header. The content is right at the top, and all the navigation is between the content and the footer. The layout is fixed, not liquid, because liquid and wide-screen don't mix.

The code is a skeleton, not a functioning layout with all the elements in place. There's no CSS to turn lists into links, for example.

CSS Tricks has more information and a couple tricks to make this kind of layout work.