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

Free Web Template: Two Column Stretches to Fit Layout

The CSS

By Jennifer Kyrnin, About.com

Copy the CSS into a file named styles.css and save it in the same directory as your HTML.

body {
background: #C99 url(http://z.about.com/d/webdesign/1/0/m/A/1/whitebg600.gif) left repeat-y;
position: relative;
margin:0;
padding:0;
}
#main {
width:585px;
float:left;
padding: 10px 5px 0 10px;
background:#fff;
}
#nowrap { margin-left:620px; }
#container { max-width: 1200px; }
#side1, #side2, #side3 {
margin: 0px;
padding: 5px;
width: 175px;
float:left;
}
#side {
max-width:620px;
min-width:200px;
float:left;
padding: 12px 20px 12px 5px;
}
#side ul { padding: 0 15px 0 5px; }
.small { font-size:0.7em; }

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.

Return to Two Column Stretches to Fit Layout
More XHTML CSS Layout Templates

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. Free Web Templates
  9. Free Web Template: Two Column Stretches to Fit Layout - The CSS

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

All rights reserved.