Question

So I have this:

function fixContainer() {
    $('div#mainContainer').css({
        'min-height': $(document).height() - 104 // -104 is for a fixed header.. nvm that.
    }).removeShadow().dropShadow({
        'blur' : 5,
        'opacity' : 0.2
    });
}

works pretty good, but sometimes in the future content will load using ajax and jquery templates. This does not fire. How can I make mainContainer have the 100% height at all times?

forgot to mention the following:

$(window).resize(function () {
    fixContainer();
});

Answer 1

$(window).on('resize', function () {
    fixContainer();
});

UPDATE

Sorry, I should have seen this one. $(document).height() stays the same on a resize. You want $(window).height()