This is a free Web template showing how to create a centered, flexible width layout with three columns. The width of the entire page is flexible upto a maximum size of 1000px, and the widths of the interior columns is flexible as well. It is a great layout to get a lot of information on a page at once.
Scroll down for instructions on how to get the files for this template.
Windows
- Firefox and Mozilla 1, 2, and 3
- Internet Explorer 6, 7, and 8
- Opera 8.5 and 9
- Safari 3
Macintosh
- Firefox and Mozilla 1, 2, and 3
- Netscape 7
- Opera 9
- Safari 1, 2 and 3
- Container 80% width
- Narrow columns 20% of their respective containers
- Main column the remaining space
- Maximum 1000px, so the page doesn't get too wide
- Can move the columns around depending upon where you float them
- Copy the CSS into a document named styles.css
- Copy the HTML into a file in the same directory
- Don't forget to add a title to the page
- Publish all documents to the same directory on your Web server (HTML page, image, and CSS file)
- If you want to add design changes - create and link to another CSS file or add your styles to styles.css
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 website, 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 12/07/2008.
