Witam serdecznie,
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:
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