[JavaScript][CSS]Wysokość elementu dopasowująca się do wysokości przeglądarki. Opcje

[Ludwik94]

Witam, w trakcie pisania strony napotkałem dość, mam nadzieje prosty do rozwiązania problem.
Strona "z problemem"
To jest konkretnie ta strona oparta na div'ach. Chciałbym aby treść strony dopasowywała się do wysokości okna przeglądarki/monitora. Teraz jest ustawiona stale na 400px. Jeżeli ktoś otworzy ją na monitorze np. 1000px w pionie to chciałbym aby treść strony zajęła 100% wysokości minus wysokość nagłówka i stopki.
Mam nadzieję, że jasno i zrozumiale, myślę, że sam HTML i CSS nie wystarczy i trzeba by wykorzystać JavaScript.
Pozdrawiam.

[Ludwik94]

Poczytam o tym jQuery, ale naukę odłożę na potem. Dziś priorytetem jest szkoła -->strona www --> nauka php. Domyślam się, że dla mojej strony (zamieszczonej powyżej) konstrukcja skryptu powinna wyglądać dokładnie tak:

[XML] pobierz, plaintext 
(function($){
  $(document).ready(function(){
    $('#tresc').height($(window).height() - $('#dol').height() - $('#gora').height());
  });
 
  $(window).resize(function(){
     $('#tresc').height($(window).height() - $('#dol').height() - $('#gora').height());
  });
})(jQuery);
[XML] pobierz, plaintext 

Nie wiem jakie identyfikatory wstawić w jakie miejsca skryptu.
Poczytam o tych bibliotekach i spróbuje uruchomić to.

Próbowałem zastosować skrypt który kolega zaproponował, ale nie umiem go dostosować. Jest to bardzo ważne, ponieważ robię tą stronę jako prezent i chciałbym aby była gotowa przed wigilią. Jeszcze raz link do stony: Odwiedź moją stronę. Chciałbym aby treść strony dostosowywała się do wysokości okna przeglądarki. Proszę, pomóżcie, to dla mnie ważne.

Ten post edytował Ludwik94 19.12.2010, 23:00:19