1. Computing

How to Build a 3-Column Layout in CSS

By , About.com Guide

7 of 9

Add in the Footer

Now that we've got the rest of the page styled, you can add in the footer. I just use a last div with a "footer" id, and add content so that you can see it. I also added a border on the top, so you'll know where it starts.

The HTML:

<div id="footer"><p>Copyright © 2008 </p></div>

The CSS:

#container #footer {
 float: left;
 width: 870px;
 border-top: #c00 solid 3px;
 }
  1. About.com
  2. Computing
  3. Web Design / HTML
  4. CSS
  5. CSS Tutorials
  6. How to Build a 3-Column Layout in CSS - Step-by-Step

©2013 About.com. All rights reserved.