1. Home
  2. Computing & Technology
  3. Web Design / HTML
XHTML CSS Three "Frames" Layout Template
A Template for a Frames-like Web Page

This template features a header row above two columns. The content column adds scroll-bars when the text extends beyond the scope of the window, much like a framed Web page. This template doesn't currently work correctly in Internet Explorer 5.

The Details

  • left column 150 pixels wide
  • right column 140 pixels wide
  • middle column stretches between the left border at 165px and the right border at 25%
  • works in Mozilla 1.0, Netscape 6 and 7, Internet Explorer 5

See The Template

To Use

  1. Copy the CSS into a document named main.css
  2. Copy the HTML into another document in the same directory
  3. Change the text to your content
  4. Publish both pages

The HTML

The CSS

More XHTML CSS Layout Templates

Jennifer Kyrnin

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

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

All rights reserved.