Here is a code snippet:
function adjustContainerHeight() {
$('div#mainContainer').css({
'min-height': $(document).height() - 104 // -104 compensates for a fixed header
}).removeShadow().dropShadow({
'blur' : 5,
'opacity' : 0.2
});
}
This function works well, but it doesn't account for future content loaded through ajax and jquery templates. How can I ensure that mainContainer always has 100% height?
I also forgot to mention the following:
$(window).resize(function () {
adjustContainerHeight();
});