Free Web Template: Centered Single Column Layout Template

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. This layout validates as XHTML 1.0 Strict, uses h1 and h2 tags for headlines and the main content area comes first on the page.

See The Template

Scroll down for instructions on how to get the files for this template.

Windows

• Firefox and Mozilla 1, 2, and 3
• Internet Explorer 5, 6 and 7
• Opera 8.5 and 9
• Safari 3

Macintosh

• Firefox and Mozilla 1, 2, and 3
• Internet Explorer 5, 6 and 7
• Netscape 7
• Opera 9
• Safari 1, 2 and 3

• main column centered, width 80%, maximum width 1000px
• grey page background, white content background
• displays in Netscape 4.7 for Windows - just not centered

1. Copy the CSS into a document named styles.css
2. Copy the HTML into another document in the same directory
3. Change the text to your content
4. Publish both pages

• The XHTML
• The CSS

• Free Website Templates
• Free Menu Templates
• Other Website Templates

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another website, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 12/07/2008.