Почему не правильно высчитытывает высоту jquery?

Question

[Aleksander911]

Доброго дня всем!
Нашел на тостере функцию определения высоты браузера и добавление этой высоты блоку:

function setHeiHeight() {
	
      $('.masthead').css({
        height: $(window).height() + 'px'
      });
	
    }    
    setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
	$(window).resize( setHeiHeight );

Всё работает отлично.
Но если я хочу отнять от высоты допустим 200px, тогда не работает(вернее работает, но добавляет не высоту с вычетом 200px, а вычет происходит от первоначальной высоты блока):

function setHeiHeight() {
	
      $('.masthead').css({
        height: $(window).height() - 200 + 'px'
      });
	
    }    
    setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
	$(window).resize( setHeiHeight );

Почему?

Answer 1

[Алексей]

Попробуйте setHeiHeight(); обернуть в $(document).ready(setHeiHeight); чтобы страница была "готова" в работе с DOM.

Comments

[Aleksander911]

Вы имели ввиду :

$(document).ready(function(setHeiHeight) {
function setHeiHeight() {	
      $('.masthead').css({
        height: $(window).height() - 200 + 'px'
      });
    }    
    setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
	$(window).resize( setHeiHeight );
});

Но ничего не изменилось к сожалению.

[Алексей]

Aleksander911: Я имел в виду:

function setHeiHeight() {
  
      $('.masthead').css({
        height: $(window).height() - 200 + 'px'
      });
  
    }    
  $(document).ready( setHeiHeight );
  $(window).resize( setHeiHeight );

[Aleksander911]

Спасибо!

[Алексей]

Aleksander911: незачто, первое правило - не делать никаких манипуляций до document ready