Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Problem with IE and Body not adjusting height

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #29359
    vezzo
    Member

    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.

    #77824
    jamygolden
    Member

    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”});
    });

    });

    #77858
    vezzo
    Member

    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?

    #77555
    jamygolden
    Member

    Change this:

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

    To this:

    Code:
    #right {
    float:right;
    padding:10px;
    width:675px;
    }
    #78060
    vezzo
    Member

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.