Sample CSS Page Layouts
Here are a range of CSS page layouts, including 2 column and 3 column layouts - free to use and abuse as needed.
"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
"Colored boxes" step by step layout tutorial
Single column CSS layouts
