Grow your CSS skills. Land your dream job.

Disppearing Div

  • # August 22, 2009 at 2:55 pm

    This is a new one for me. I have coded a site, and all looked well in browsers except (gasp!) IE6. In that one for some reason, the footer is cut off… as in the page wont show it all the way. Through some troubleshooting, I found that removing position: relative from the css made it show again, but it is out of place and I need to nudge it. Any thoughts as to why this is happening?

    http://www.stonebridgemedia.com/projects09/premiere/

    Thanks for any help you can give!

    # August 22, 2009 at 8:47 pm

    okokok, totally going to re-edit this post as it was just me drooling before thinking..

    I got on to the pc and had a look in ietester, good old ie is just punting it off the bottom of the page lol..

    crazy, however… if you were to add an IE6 conditional style whereby you were adding lower padding to the footer element of equal height to the top: offset.. it would still be hiding the the 40 odd pixels of extra padding with the same rendering error, but it would also add the extra height needed to the height of the entire page.. and should show your footer ok ?

    I’ve gotta test this theory, but it sounds like it would work. (obviously breaking it on other browsers, so make it conditionally included)

    update:

    Yeah just finished testing this, works a treat. uploaded a quick demo on http://www.ninjafocus.com/sandbox/ie6footer/

    essentially all I added was 40px bottom padding to #footer. Tricking ie6 into giving you the extra 40pixels that it steals because it doesn’t understand relative positioning :lol:

    Add it in a conditional sheet, and you should be good to go.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".