Basic Web Page Layouts

A few simple web page layouts (XHTML 1.0 / CSS 2.1).
These examples demonstrate common design formations and can be used as a starting point for a new project.

One Column

• One column, variable width

Two Column

• Two column, fixed-width [left]
• Two column, fixed-width [right]
• Two column, variable-width [left]
• Two column, variable-width [right]

Three Column

• Three column, table-based, variable-width
• Three column, div-based, variable-width

These materials are provided by Daniel Humann and offered for use under a Creative Commons Attribution-Share Alike license.