1. Technology

Free Web Template: Two Column Stretches to Fit Layout

By

Two Column Stretches to Fit Layout

Narrow Browser

Jennifer Kyrnin

About this Web Template:

I was reading an article on Muffin Research Labs and I noticed that the second column had three columns in it, and for some reason I had to resize the window, and noticed that the three columns moved around. I thought it was neat, so I decided to try and make my own version of the layout.

The background image was built in Photoshop CS.

See The Template

Works in Browsers:

Windows

  • Firefox and Mozilla 1
  • Internet Explorer 6 and 7
  • Opera 8.5 and 9

Macintosh

  • Firefox and Mozilla 1
  • Internet Explorer 5
  • Netscape 7
  • Safari 1

Details:

  • entire document up to 1200 pixels wide
  • first column 600 pixels wide
  • second column up to 600 pixels wide, with three 175 pixel sub columns

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. Download the background image and place it in the same folder on your server
  4. Change the text to your content
  5. Publish the Web page and graphics file

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.

©2014 About.com. All rights reserved.