Hauteur dynamique du conteneur (jQuery uniquement)

Question

J'ai un en-tête de hauteur fixe (180px) et un pied de page à hauteur fixe (50px). Je voudrais que la hauteur du conteneur soit: hauteur de la fenêtre MINUS en-tête MINUS footer. Si la hauteur du conteneur peut être mise à jour lors du redimensionnement de la fenêtre, ce serait génial!

J'ai posté la même question et recevoir une bonne réponse avec une solution CSS seulement, cela fonctionne mais j'ai toujours des problèmes dans IE6 et 7, donc Je voudrais une solution jquery Only si possible.

Answer 1

Vous pouvez utiliser le resize event, comme ceci: (non testé)

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