1. Home
  2. Computing & Technology
  3. Web Design / HTML

Free Web Template: 3-Column with Header and Footer Layout

By , About.com Guide

Three Column with Header and Footer Layout

Three Column with Header and 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 considered hard to generate with CSS, and 3 columns with a header and footer below are even harder. You'll find that 3-column layouts are actually fairly easy to build and maintain.

See The Template

Works in Browsers:

Windows

  • Firefox and Mozilla 1
  • Internet Explorer 5 and 6
  • Opera 8.5 and 9

Macintosh

  • Firefox and Mozilla 1
  • Internet Explorer 5
  • Netscape 7
  • Safari 1
Details:
  • entire document 760 pixels wide
  • left column 150 pixels wide
  • right column 150 pixels wide
  • middle column 440 pixels wide
  • footer is below all 3 columns

For ease of viewing, borders are set on all div tags.

To Use the Free Web Template:
  1. Copy the HTML into a document on your Web server
  2. Copy the CSS into a document named styles.css and place it in the same folder
  3. Change the text to your content
  4. 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.

Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. About.com Web Design A to Z
  5. Books
  6. About Web Design Book
  7. AWD: Chapter 9
  8. Free Web Template: 3-Column with Header and Footer Layout>

©2009 About.com, a part of The New York Times Company.

All rights reserved.