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

Free Web Template: Two Column Layout with Header and Footer

By Jennifer Kyrnin, About.com

Two Column Layout with Header and Footer

Two Column Layout with Header and Footer

Jennifer Kyrnin
About this Web Template:

I received a request from Jeannette on how to make a two column layout with a header and footer. When I checked I realized that I hadn't built one for my template library, so here it is now.

See The Template

Works in Browsers:

Windows

  • Firefox and Mozilla 1 and 2
  • Internet Explorer 6 and 7
  • Opera 8.5 and 9

Macintosh

  • Firefox and Mozilla 1 and 2
  • Internet Explorer 5
  • Netscape 7
  • Safari 1 and 2
Details:
  • fixed width of 800px
  • navigation can be floated to either the right or the left side - change the float on the main selector to "left" if you want the navigation on the right side.
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. Download the background image and place it in the same folder on your server
  4. Change the text to your content
  5. Publish the Web page and graphics file
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

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

Easy ways to connect two computers for networking purposes. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. Web Design
  5. Principles of Web Design
  6. Layout
  7. Web Site Templates
  8. Free Web Templates
  9. Free Web Template: Two Column Layout with Header and Footer>

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

All rights reserved.