Case Study: CSS Layout

View X/HTML source here and view CSS source here. This is a sample two-column page layout. Content comes first in the document, as it is the most important information on the page. It is followed by the navigation bar in a second DIV. ULs create the nav items, and they are styled with CSS.

The columns will auto-adjust as necessary for either taller content or a taller navigation bar. Some Lipsum is included below to expand the page vertically, click here to toggle the filler text and show the behaviour for longer content.