Web Design / HTML

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

Three Column Layout Templates

Simple Web Templates for 3-Column Web Pages

By Jennifer Kyrnin, About.com

When you want to build a Web page, the easiest way is with a free Web template. These free 3-column templates will help get you started.

  • 3-Column with Header and Footer Layout
    Once you have a 3 column layout, you will probably want to put a header and footer on it. This template makes it easy.
  • Better 3 Column Layout
    There are many ways to do a 3-column layout using CSS and XHTML, but this one is one of the better ways to get 3 columns on your Web page without a lot of headache or trouble. And this 3-column template works in both IE and Mozilla (Netscape) browsers.
  • 3 Column Layout with Footer
    Once you have 3 columns on your Web page, getting the footer to display below all three columns can also be a pain. Luckily, with just a slight modification to the better 3 column layout, you can add a footer with ease.
  • Three Column Top Layer Layout
    The three column layout is very difficult to do in CSS, but it is possible. And this variation adds a top layer.
  • Three Column Layout
    Similar to a newspaper, this three column layout features fixed width columns on the right and left with a variable width center column for your main content.

Explore Web Design / HTML

About.com Special Features

Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. Web Design
  5. Principles of Web Design
  6. Layout
  7. Web Site Templates
  8. Three Column Layout Templates - Simple Web Templates for 3-Column Web Pages

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

All rights reserved.