CODEWITHSUNDEEP
javascriptcsshtmlhtml-lists
Will Andrew
Will Andrew

Reputation: 693

Expanding list not moving container/footer

I have a website you can find here, when expanding one of the list items, I can't figure out why the the entire height of the page isn't being modified (footer doesn't move with list expansion). Any ideas? thanks in advance

Upvotes: 0

Views: 178

Answers (2)

rdleal
rdleal

Reputation: 1032

The #inside div has an height property set. If you remove it, you'll get the behaviour you want.

Edit

It seems you're setting the height property via javascript in order to animate the div's height.

In this case, after animation's been completed, you could set the height to auto, so the #inside div will respect its children's height and expand correctly.

$pageWrap.animate({
    height: baseHeight + $mainContent.height() + "px"
}, {
    complete: function(){
        $(this).css('height', 'auto');
    }
});

Upvotes: 1

Tammy Shipps
Tammy Shipps

Reputation: 945

One of your divs has a manual style on it:

<div id="inside" style="height: 367px;">

Remove / disable that and your page container resizes accordingly :)

Upvotes: 0

Related Questions