3-Column with Footer Layout XHTML+CSS Web Page Template

About this Web Template:

This 3 column Web page layout template uses floats to position the columns. 3 column layouts are hard to generate with CSS, and 3 columns with a footer below are even harder. This layout template will show you how to add a footer to the bottom of your columns.By popular demand, the CSS for this template is included in the XHTML itself, rather than as a separate document, for use as a site design, you should move the CSS to an external style sheet.

Details:

• left column 200 pixels wide
• right column 200 pixels wide
• middle column stretches between the left border at 210px from the left and the right border at 210px from the right
• footer is below all 3 columns and centered

• tested and works in: Windows: Opera 8, Firefox 1, Internet Explorer 6 and Macintosh: Safari 1, Firefox 1, and Internet Explorer 5

See The Template

To Use the Free Web Template:

1. Copy the HTML into a document on your Web server
2. Change the text to your content
3. Publish the Web page

The Web Site Template Data:

The XHTML
The CSS

More Web Site Templates:

Free Web Site Templates
Free Menu Templates
Other Web Site Templates

Terms of Use:

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 Web site, 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 8/29/2004.