1. Computing & Technology
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

Discuss in my forum

©2012 About.com. All rights reserved.

A part of The New York Times Company.