Use these CSS templates to create tableless XHTML layouts
Use these XHTML templates to create valid XHTML documents using CSS instead of tables. If you don't want to learn to write CSS layouts, you can still create valid XHTML using pre-created templates.
- Centered Single Column Layout
This is a very basic layout, with the content centered on the page in an 80% wide column. Usually the page itself is a different background color, with the content surrounded by a border. For this template, I chose to make the main page color grey with a black border. - Two Column Layout
This is a very basic layout, with two columns. The left is fixed width and the right is the rest of the window space. - Three Column Layout
Similar to a newspaper, this three column layout features fixed width columns on the right and left with a variable width center column for your main content. - Two Column with Top Branding Layer
This layout adds to the basic two column layout by adding a top row for branding and global navigation information. - Top and Bottom Rows
Sometimes all you want is branding at the top and contact/copyright information at the bottom. - Floating Navigation Box
When you don't have a lot of navigation links, sometimes all you need is a box at the top of your pages with the navigation in there. This box floats to the right or left and the text in the main area flows around it.

Tutorials » •