jquery .height (значение) не работает в IE

Question

Я использую следующий код:

var winheight = $(window).height();
var headerHt = (0.11 * winheight);
$(".header").height(headerHt)

до размера .header (и других элементов) для каждого события window.resize и для document.ready. В Chrome это работает нормально, но в IE новые значения высоты просто не применяются к каждому div. Что-то явно не так, что я здесь делаю? Какова наилучшая стратегия для динамического определения размера окна?

Спасибо!

Answer 1

Это работает для меня в IE7 & 8 ..

$(document).ready(function() {
    $(window).resize(function(){
       var winheight = $(window).height();
       var headerHt = (0.5 * winheight);
       $(".header").height(headerHt);
    });
});

Answer 2

Вы можете просто использовать css:

html, body {
  height: 100%;
}
.header {
  height: 11%;
}

Кстати, я предполагаю, что ваш .header будет всегда видимым, а область прокрутки будет только частью контента.