Grow your CSS skills. Land your dream job.

[Solved] Problem with IE and Body not adjusting height

  • # June 14, 2010 at 11:14 am

    i’m working on this website ( I know it sucks but they wanted it like that…)

    http://www.icarbazzoli.it/prodotti/

    i’ve done this dropdown menu with jquery.
    I’ve got a problem with ie that when i click the arrow for showing the submenu, simply the body doesn’t adjust his height for the content and the submenu overlaps the footer. more strangely it does it only in ie8 and not in ie6 and 7. all the other broswer are scrolling correctly.

    any thoughts?

    the html and css are both validated.

    # June 14, 2010 at 3:44 pm

    Try this:

    Code:
    $(“ul .menu-arrow”).click(function() {

    $(this).toggleClass(“showing”).parent().find(“ul:first”).stop(true, true).slideToggle(“fast”, function(){
    $(“#wrapper”).animate({“height” : $(“#right”).height() + “px”});
    });

    });

    # June 15, 2010 at 2:26 pm

    hi and thanks for your reply.
    it works, but just with the first click, then the height attribute is not updated and the content overlaps again the footer.
    any thought?

    # June 15, 2010 at 6:22 pm

    Change this:

    Code:
    #right {
    float:right;
    height:100%;
    padding:10px;
    width:675px;
    }

    To this:

    Code:
    #right {
    float:right;
    padding:10px;
    width:675px;
    }
    # June 16, 2010 at 9:48 am

    Thanks a lot!!!!!!
    it works perfectly now…
    you made my day!

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

You must be logged in to reply to this topic.

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