Как динамически изменять высоту Javascript

Question

Я знаю, что этот вопрос задал много, и я заверяю вас, что я прочитал большинство ответов. Однако, в моем случае, ничто из этого не сработало для меня. Сейчас я пытаюсь это:

window.onload = function(){ 

    var winWidth = parseInt(window.innerWidth); 
    var winHeight = parseInt(window.innerHeight); 

    document.getElementById("copyRight").innerHTML = winHeight; 
    //This is so I could make sure the height was actually changing. It is. 

    document.getElementById("grandeContain").style.width = winWidth-15+"px"; 
    document.getElementById("grandeContain").style.height = winheight+"px"; 
    document.getElementById("contain").style.width = winWidth-105+"px"; 
    document.getElementById("contain").style.height = winHeight-90+"px"; 
    document.getElementById("outside").style.width = winWidth-105+"px"; 
    document.getElementById("outside").style.height = winHeight-90+"px"; 
    document.getElementById("aroundToolBar").style.height = winHeight-90+"px"; 
} 

Однако, независимо от того, что я делаю, высота не меняется onload (я не имею эту копию и вставить в onresize функции и что не работает либо). Части ширины работают нормально (не только потому, что это настройка по умолчанию для div, я тестировал ее со многими разными ширинами на основе window.innerWidth, и она менялась), но высоты отказываются меняться. Что я делаю не так? У меня всегда были проблемы с динамическим изменением высоты, и было бы здорово, если бы я мог разобраться в этом раз и навсегда.

Кроме того, если CSS не имеет ничего общего с этим, ДИВ дерево, как это: grandeContain>contain>(aroundToolBar+outside) где contain является position:relative, aroundToolbar является float:left и width:125px и outside является position:relative с margin 0 0 0 125px.

Кто-нибудь знает, что я делаю неправильно здесь?

Также есть 105-е и 90-е годы из-за заголовка и нижнего колонтитула в департаменте grandeContain с их родным братом.

Answer 1

Вы проверили firebug на наличие ошибок? похоже на линии:

document.getElementById("grandeContain").style.height = winheight+"px"; 

у вас есть опечатка: должно быть winHeight+"px" вместо winheight+"px"; возможно, вызывает переменную неопределенную ошибку.