Google Chrome возвращает неправильную высоту окна?

Question

я работал над этим сценарием http://www.acgunsdcroses.com/agencymeter/. кажется, что только Google Chrome возвращает неправильную высоту окна и, таким образом, устанавливает неверную высоту div, оставляя пробел между красным и синим div. как ни странно, это происходит только при первой загрузке страницы в новом окне / вкладке, при перезагрузке она работает нормально.

Ребята, можете ли вы воспроизвести это, и вы не знаете, что я мог с этим поделать?

спасибо!

Answer 1

Это на самом деле не отвечает на ваш вопрос об ошибке Google Chrome, но я рекомендую для вашей конкретной ситуации:

Я бы использовал CSS вместо настройки страницы с помощью JavaScript:

Пример

Пример для JSBin

HTML

<div id="received">27 Emails received since Wed, 06 Jan 2010 05:00:05</div>
<div id="sent">10 Emails sent since Wed, 06 Jan 2010 05:00:05</div>

CSS

html, body { height: 100%; width: 100%; position: relative; margin: 0; padding: 0 }

#received, #sent { position: absolute; left: 0; width: 100%; }
#received { top: 0; bottom: 200px;  background-color: #ff0000; }
#sent     { bottom: 0; height: 200px; background-color: #0000ff; }

UPDATE

Вы можете по-прежнему играть с коэффициентом разделения, используя JavaScript, но он всегда будет заполнять экран, даже если вычисления на 2 или 3 пикселя отличаются от того, что вы в идеале хотели:

JS

var received = document.getElementById('received'),
    sent     = document.getElementById('sent');

// Be sure to set 'sent' height to whatever you set 'received' bottom to:
received.style.bottom = "300px";
sent.style.height     = "300px";

// You should also be able to use percentages:
received.style.bottom = "30%"; // Received will occupy 70%
sent.style.height     = "30%"; // Sent will occupy 30%