CSS layouts
Date: 1 November 2002
Author: Russ Weakley
Here are a range of CSS page layouts, including 2 column and 3 column layouts – free to use and abuse as needed.
Sample CSS layouts
- One column fixed width layout
- One column liquid layout
- Two column fixed width layout
- Two column fixed width (with spread) layout
- Two column liquid layout
- Three column fixed width layout
- Three column liquid layout
“Floatutorial” step by step layout tutorial
- Liquid two column layout
- Liquid two column layout – final result
- Liquid three column layout
- Liquid three column layout – final result
“Two columns with color” step by step layout tutorial
- Two column layout with full height colours
- Two column layout with full height colours – final result
- Two column layout with full height colours – variation 1
- Two column layout with full height colours – variation 2
- Two column layout with full height colours – variation 3
“Selectutorial” step by step layout tutorial
- Three column layout with full height colours
- Three column layout with full height colours – final result
“Liquid Layouts” step by step layout tutorial
- Three column liquid layout
- Three column liquid layout – final result
- Three column liquid layout – variation 1
- Three column liquid layout – variation 2
- Three column liquid layout – variation 3
- Liquid insanity