By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,934 Members | 1,441 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,934 IT Pros & Developers. It's quick & easy.

IE6 page height problem

P: 25
Hi, I've just developed a website which renders fine on Firefox, IE7 and Safari, but as usual has needed some surgery for IE6. I'm now left with a problem which I can't seem to fix. I have a footer which should should just attach to the bottom of my main container background image (as can be seen in IE7 and FF), but in IE6 the container div element seems to be adding space between the content div and the footer (and occasionally after the footer as well).

Any ideas on what's happening here? I've tried using height:auto for my main container div as i need the page to be able to expand depening on the volume of content. I've also tried changing this to height:100% but this doesn't fix the IE6 issue.

The site is

Thanks in advance for any help.
Apr 21 '08 #1
Share this Question
Share on Google+
2 Replies

Expert 5K+
P: 7,435
Unrelated but these need to be fixed.

#gallery ul li .name{color:#FFFFFF; font-size:1.5em; float:left;margin-right:10px;#}
#gallery ul li .job{color:#DD754C; font-size:1.5em;clear:right;}
/*safari hack - bit filthy but have a problem floating name and job on same line*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#gallery ul li .job{float:right;}
Apr 21 '08 #2

Expert 5K+
P: 7,435
What does adding 'margin:0' directly on #footer or '#footer p' do?
Apr 21 '08 #3

Post your reply

Sign in to post your reply or Sign up for a free account.