Mam taką stronę: http://serwer1356363.home.pl/pub/makieta/
Chciałbym żeby to menu z lewej strony zawsze dochodziło do dołu strony jak na screenie: http://serwer1356363.home.pl/pub/makieta/screen.png
Nie potrafię tego zrobić w CSS więc postanowiłem przeliczyć wysokość DIV za pomocą jquery i ją dostosować

Działa to prawie dobrze. Problem występuje przy pierwszym wczytaniu strony (skrypt jakby nie przeliczał).
Po odświeżeniu jest już ok.
Mam taki skrypt:
jQuery(document).ready(function($){ var container_height = $('#tytul_kontakt_mop_l_mop').height() - 1.5; $(".dah_1").height(container_height); }); $(function() { var container_height = $('#tytul_kontakt_mop_l_mop').height() - 1.5; $(".dah_1").height(container_height); }); $( document ).load(function() { var container_height = $('#tytul_kontakt_mop_l_mop').height() - 1.5; $(".dah_1").height(container_height); }); $(window).resize(function () { var container_height = $('#tytul_kontakt_mop_l_mop').height() - 1.5; $(".dah_1").height(container_height); }); $(document).ready(function($){ var container_height = $('#tytul_kontakt_mop_l_mop').height() - 1.5; $(".dah_1").height(container_height); });
Przy zmniejszaniu/zwiększaniu okna przeglądarki skrypt przelicza.
Nie wiem tylko dlaczego za pierwszym razem źle wyświetla stronę (po przeładowaniu jest ok)
Problem występuje w Chrome i FF (na tym testowałem)
Wie ktoś może jak to naprawić?

Bardzo proszę o pomoc