Динамическая высота контейнера (только для jQuery)

Question

У меня есть заголовок фиксированной высоты (180 пикселей) и нижний колонтитул фиксированной высоты (50 пикселей). Я хотел бы, чтобы высота контейнера была: высота окна MINUS верхний колонтитул MINUS нижний колонтитул. Если высота контейнера может быть обновлена ​​при изменении размера окна, это было бы здорово!

Я опубликовал тот же вопрос и получил отличный ответ с помощью решения только для CSS, оно работает, но все еще имеют проблемы в IE6 и 7, поэтому Я хотел бы получить решение только для jquery, если это возможно .

Answer 1

Вы можете использовать событие изменения размера , например: (не проверено)

var expandingDiv = $('...');
$(window).resize(function(e) {
    expandingDiv.height(document.documentElement.clientHeight - (180 + 50));
});