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

XHTML CSS Two Column with Top Branding Layer Layout Template

By Jennifer Kyrnin, About.com

Two Column with Top Layout

Two Column with Top Layout

Jennifer Kyrnin

About this Web Template:

This is a very common layout, with two columns and a top horizontal layer at the top. The left and top areas are fixed width and the right is the rest of the window space.

Details:

  • top layer 100% wide and 100 pixels tall
  • left column 200 pixels wide
  • main column takes up the remaining space, with a white background
  • works in Mozilla 1.0, Netscape 4, 6 and 7, Internet Explorer 5 and 6

See The Template

To Use the Free Web Template:

  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. Don't forget to add a title
  5. Publish both pages
  6. If you want to add design changes - create another CSS file or add it to main.css

The Web Site Template Data:


The XHTML
The CSS

More Web Site Templates:


Free Web Site Templates
Free Menu Templates
Other 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. XHTML Templates
  9. XHTML CSS Two Column with Top Branding Layer Layout Template

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

All rights reserved.