This is another project in the HTML Utopia: Designing Without Tables Using CSS book.
It is in Chapter 9. A footer was added to the bottom and floats were incorporated so that nothing interferes with the footer. So, the footer shows up okay, but the positioning of the sidebars is screwed up. It is supposed to be a three column layout with both sidebars and content on the top.
It would be nice if I could show you an image of what this looks like, but this site won't let me do that because it thinks it is spam. I will try to describe it the best I can. Instead of being a layout with a header and three columns on top with the footer on the bottom, it has the header and middle content div on top and the two sidebars are both on the bottom with lots of space above them. The footer is on the bottom as it should be.
Here is the code (this is not the whole code--this is the code I think would effect the layout):
font: small Arial, Helvetica, sans-serif;
margin: 30px 40px 30px 40px;
border-top: 1px solid #b9d2e3;
border-left: 1px solid #b9d2e3;
border-bottom: 1px solid #b9d2e3;
Does anything look weird with the code above? If all of that looks right, then I can look and see if it is something else. I am seriously confuzzeled and frustrated. I appreciate the help--I am trying to learn this on my own. (: