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

Free Web Template: Better Three Column Layout

By , About.com Guide

Better Three Column Layout

Better Three Column Layout

Jennifer Kyrnin
About this Web Template:
This three column Web page layout template uses floats to position the columns. Three column layouts are hard to generate with CSS, but this three column template shows how to use nested divs to lay out your columns. The center column will shift in width depending upon how wide the browser window is. The outer two columns are 200px wide, but this can be adjusted to fit your needs.

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 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
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 documents
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. Web Design
  5. Principles of Web Design
  6. Layout
  7. Web Site Templates
  8. Free Web Templates
  9. Free Web Template: Better Three Column Layout>

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

All rights reserved.