[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.

[wdev]

Jak może być jQuery, to poniższy kod powinien cię zadowolić (dostosuj sobie tylko odpowiednie selektory).

[JAVASCRIPT] pobierz, plaintext 
(function($){
  $(document).ready(function(){
    $('#content').height($(window).height() - $('#footer').height() - $('#header').height());
  });
 
  $(window).resize(function(){
     $('#content').height($(window).height() - $('#footer').height() - $('#header').height());
  });
})(jQuery);
[JAVASCRIPT] pobierz, plaintext