Grow your CSS skills. Land your dream job.

footer cut off in IE8

  • # May 28, 2010 at 2:01 pm

    I’m floating a image right–just above the footer.
    I was having lots of problems with this. For some reason, the footer was just plain not showing up.
    I added a clearing div above the footer div and that seems to work fine in all browsers excpet IE8.

    In IE8 the footer image…which is set to repeat x, is cut off.
    Any ideas???
    Thanks!

    http://www.palettedesign.com/

    Code:
    #flowers{
    position: relative;
    float: right !important;
    width: 282px;
    height: 452px;
    margin-top: -390px;
    z-index: 400;
    }

    .clearer {
    line-height: 0px;
    font-size: 0px;
    clear: both;
    height: 0px;
    width: 0px;
    visibility: none;
    }

    #footer{
    position: relative;
    background-image:url(palettefooter.gif);
    background-repeat:repeat-x;
    background-position:top;
    height: 70px;
    }

    # May 31, 2010 at 7:04 pm

    Hi Kloy -
    You may want to try to remove the .clearer class all together and just add clear: both to the footer. Maybe try positioning the flowers absolute as opposed to positioning them relative?
    I am new so this may not be correct – but these are things I would try if I were in this predicament.

    # June 3, 2010 at 6:12 pm

    I’m going to assume you got this sorted as it looks fine to me.

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

You must be logged in to reply to this topic.

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