Menu – lcation – address
About This Layout
This page is styled with CSS. It demonstrates a floats-based two-column layout.
The Concept
The four structural divs—header, nav, content and footer—nest inside a fixed width containing div. The two columns, nav and content are sized with percentages and are floated so they sit side by side. The footer is cleared so it sits beneath whichever of the floated columns is longest.
Auto left and right margin settings are applied to the fixed-width containing div, which makes the layout center in a wide browser window.
The Stylib Files
This temlplate uses two CSS files for layout and text.
Note: Inner divs inside each of the four main divs allow padding and borders to be applied without affecting the width of the main structural divs.
