CSS Layout Test 2-Column Header Footer

Exploring CSS Liquid Layouts: 2-Column Normal Page Flow Fixed Navigation

There are many ways using CSS layouts to create multiple column liquid layouts that include a header and footer. You can float divs either left or right, within or outside of the main content.

This is a paragraph contained in div ID main.

This is a paragraph contained in div ID main.

This is the positioned left column Here it includes text and two nested text-boxes. It is a versatile configuration that can be used for text highlights and general navigation.

This is div ID footer

This is a footer paragraph