This right column can be used for navigation links, a search box, etc.

I made the background colors different so that you could see how the “div's” are divided.

Two–Column Liquid Layout

Div Tags Divide The Sections

This is a very easy page layout which you have probably seen on many websites. Two div tags separate each column and I used a separate div for the header section.

The left column uses float left and uses a percentage width which allows both columns to 'flow' as the browser window changes size.

Go Back To Website Layouts.

More Information

My Favorites
Favorite Book Favorite Color Favorite Activity Favorite TV Show
The CSS Anthology Blue Designing Websites American Idol