1. Computing

Discuss in my forum

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

By , About.com Guide

Three Column with Footer Layout

Three Column with Footer Layout

Jennifer Kyrnin

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:

More 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.

©2013 About.com. All rights reserved.