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

Free Web Template: Two Column Layout Template

By Jennifer Kyrnin, About.com

Two Column Layout

Two Column Layout

Jennifer Kyrnin

About this Web Template:

This is a very basic layout, with two columns. The left is fixed width and the right is the rest of the window space.

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:

  • left column 150 pixels wide, grey background
  • main column takes up the remaining space, with a white background
  • displays in Netscape 4.7, but the background color is only behind the text

To Use the Free Web Template:

  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 documents to your Web server

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

More from About.com

  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 Template

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

All rights reserved.