About this Web Template: This 3 column Web page layout template uses floats to position the columns. 3 column layouts are hard to generate with CSS, and 3 columns with a footer below are even harder. This layout template will show you how to add a footer to the bottom of your columns.
Works in Browsers:
Windows
- Firefox and Mozilla 1
- Internet Explorer 5 and 6
- Opera 8.5 and 9
Macintosh
- Firefox and Mozilla 1
- Internet Explorer 5
- Netscape 7
- Safari 1
Details:
- left column 200 pixels wide
- right column 200 pixels wide
- middle column stretches between the left border at 210px from the left and the right border at 210px from the right
- footer is below all 3 columns and centered
To Use the Free Web Template:
- Copy the CSS into a document named styles.css
- Copy the HTML into a document in the same directory
- Change the text to your content
- Publish the Web page and CSS document
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.
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.
