Проблема изменения размера div в Chrome

Question

РЕДАКТИРОВАТЬ : что происходит на этой странице, когда разрешение по высоте ниже, чем вся страница (например, 1024x768): http://www.depositosalto.com.br/pagamentos.php

Я пытаюсь изменить размерdiv с содержимым страницы с javascript, чтобы страница всегда помещалась на весь экран, когда она меньше.

Я использую следующий javascript, и он работает в других навигаторах (Firefox, Opera).В Chrome он также изменяет размер div, но, в отличие от других, он не перемещает div нижнего колонтитула, который находится чуть ниже div содержимого.

Есть ли способ обойти это в chrome?

function defineContentHeight(height){       
  var screenHeight = window.innerHeight;                
  if (screenHeight > (height + 220)){
    height = screenHeight - 220;                
    document.getElementById("content").style.height = height + "px";        
  }
  else{                     
    document.getElementById("content").style.height = height + "px";        
  }
}

Answer 1

Содержимое внутри div "conteudo" является плавающим, поэтому высота не рассчитывается; Вы можете сделать одну из двух вещей:

Добавьте стиль "overflow: auto" в div "conteudo", который обычно безопасен, или

Добавьте div со стилем «clear: both» в самый низ div «conteudo»

Как бы то ни было, я не вижу твоей ошибки в Chrome 11, но я предполагаю, что один из них мог бы ее исправить.