JQuery gives different values for window height each time i refresh the page

Question

why does it return 671 when i first time load the page with google chrome but it returns different value when i relad the page

$("#online").css({height: $(window).height()-40-$("#head").height()});

my problem is window.height gives different values when reloading — Mehman Manafov, Sep 07 '13 at 20:06

score 3 · Answer 1 · answered Sep 07 '13 at 20:32

3

Try setting up the layout on load and resize

$(window).on("load resize", function (e) {
    $("#online").css({height: $(window).height()-40-$("#head").height()});
});

answered Sep 07 '13 at 20:32

Robert Byrne

1

[this question](http://stackoverflow.com/questions/3698200/window-onload-vs-document-ready) goes into detail, in this case its a shorthand way of binding both window events at once – Robert Byrne Sep 08 '13 at 14:35

score 0 · Answer 2 · answered Sep 07 '13 at 20:27

0

$("#online").css({ height: $(window).height() - 40 - $("#head").height() +'px' });

answered Sep 07 '13 at 20:27

Milan and Friends

2 Answers2