views:

1368

answers:

3
A: 

If you are trying to make your content and sidebar stretch the entire height of the page, then no amount of setting a height is really going to help. If you use 100%, your going to push your fotter off the bottom of the page so you have to scroll to see it. There is a single method that I know of that will allow you to have a full-height body with a footer: Sticky Footer

Check the following site for details: http://www.cssstickyfooter.com/

Another trick you will probably need. It is near impossible to get two columns to have equal height and support all browsers. The simplest way to get your gray column to the left and white center body to stretch all the way to the footer is to use a 1-pixel hight image that has gray and white in the proper proportions, which is background-repeated along the y axis.

Another great site for CSS knowledge is A List Apart.

jrista
The only thing I don't get is that the footer and header are just floating divs. It shouldn't affect the other divs for the sidebar and content. Maybe I'm wrong, but I figured the header and footer were fine as they were.
Devin Pitcher
There really isn't anything wrong with your header and footer the way they are......if you don't care about having a full-height content area. That sticky footer technique is the ONLY technique I know of to get a full-height content area with a footer...and I've done a TON of CSS over the many, many years I've used it (since the mid 1990's.)
jrista
+1  A: 

Fixed. It was the container div right after the body tag. Even with height CSS, it created problems. I removed it and changed a script I had from rendering in that div to the document.body and everything works now.

Devin Pitcher
A: 

It is hard to get a consistant layout using floats and positioning on the same elements. In particular float and position:fixed (or absolute) are incompatible and each browser handles the situation differently.

IE6 does not support position:fixed at all and treats it as position:static (the default - no positioning at all).

Emily
This is going to be a web based application and unfortunately will not support IE6 at all. Too much stuff for it to handle. I realize thats a large amount of users, but how hard is it for them to get Firefox or Chrome? Takes less than 3 minutes.
Devin Pitcher