Poszukuję rozwiązania umożliwiającego dynamiczną zmianę wysokości DIV'a, gdy użytkownik zmienia rozmiar okna przeglądarki lub dynamicznie generowana treść w DIV'ie wymaga, aby zajmował on większą wysokość niż dostępne okno.

Póki co, zbudowałem następujące rozwiązanie:

// Zmiana rozmiaru DIV przy ładowaniu strony
$(document).ready(function(){
	document.getElementById("DIV").style.display = "inline";
	windowH = $(window).height();
	DIVH0 = $("#DIV").height();
	DIVH = windowH - 100;
        if(DIVH < DIVH0){
            	// za mały ekran
            	$("#DIV").height(DIVH);
        } else{
            	// duży ekran
            	document.getElementById("DIV").style.height= "auto";
         }
// Zmiana rozmiaru DIV przy zmianie rozmiaru okna przeglądarki
	$(window).resize(function(){
		windowH = $(window).height();
		DIVH = windowH - 100;
	        if(DIVH < DIVH0){
	            	// za mały ekran
	            	$("#DIV").height(DIVH);         	
	         } else{
	            	// duży ekran
	            	document.getElementById("DIV").style.height= "auto";
	         }
	});
});

Czy macie pomysł na lepsze rozwiązanie?