Click to See Complete Forum and Search --> : IE 7 div height issue


procuro
09-19-2008, 01:58 AM
Hi, I'm currently working on this site: www.gogsba.com

It's working fine on IE 6 and FF, but in IE 7 the footer displays in the middle of every page. I believe I have pinpointed the problem in my css stylesheet:

#main_content{
width:900px;
height:auto;
margin:auto;
clear:both;
background-color:#FFFFFF;
}

IE 7 seems to not calculate the height automatically correctly. If I define a custom height such as 1000px, it'll follow it and display at a certain point below the page. But since my pages have different amounts of content, I'd have to make 20 css pages just to make the height perfect on every page. Is there a solution to this? Or is there another problem I should be aware of? Thanks!

Centauri
09-19-2008, 03:55 AM
The problem is the height of 300px set on #center_content - remove that. In both IE7 and FF, the content is actually hanging out the bottom of that div, but the footer is clearing the floats inside in FF, but IE7 is not clearing those floats due to the set height.

procuro
09-19-2008, 06:59 PM
Wow so simple! I completely forgot about that. You just made my day!! Thank you soo much for finding that! Have a nice weekend Centauri :D