хром не возвращает правильное значение .height ()

Question

Окей, ключ, у меня есть функция jQuery, которая проверяет высоту плавающего рядом 2 деления и применяет цвет фона к родительскому элементу, в зависимости от того, какой из них выше, он будет работать отлично, за исключением того, что Chrome не возвращает нужную высоту при использованииjQuery .height() метод.Я уже применил таблицу стилей сброса.Если вы перейдете по этой ссылке: http://miami.sightofnick.com/balanced/, вы увидите пример того, о чем я говорю.В углу есть окно отладки;Также попробуйте использовать росу в разных браузерах, она работает во всем, кроме хрома.В основном, как мне это исправить / обойти?

Answer 1

использование

$(window).load(function(){
  // your code
});

вместо

$(document).ready(function() { 
  // your code
});

это работает правильно как в chrome, так и в ff.

Answer 2

Это не проблема с height() в chrome.

Проверьте рабочий пример на http://jsfiddle.net/vHLGg/11/

---

Другие вещи влияют на это поведение.Если у вас есть overflow:hidden.Это может быть проблемой.

Answer 3

Если я правильно вас понял, вы хотите, чтобы оба столбца выглядели одинаково, верно? Затем вы можете использовать padding-bottom: 1000px и maring-bottom: -1000px, чтобы сделать столбцы одинакового размера вместо использования javascript.

Пример:

<div id="container" style="overflow: hidden">
    <div id="left" style="float:left; padding-bottom: 1000px; margin-bottom: -1000px; background-color: red; width: 100px;">
        Lorem ipsum dolor sit amet<br>
        Lorem ipsum dolor sit amet<br>
        Lorem ipsum dolor sit amet<br>
    </div> 

    <div id="right" style="float:left; padding-bottom: 1000px; margin-bottom: -1000px; background-color: blue; width: 100px;">
        Lorem ipsum dolor sit amet<br>
        Lorem ipsum dolor sit amet<br>
        Lorem ipsum dolor sit amet<br>
        Lorem ipsum dolor sit amet<br>
        Lorem ipsum dolor sit amet<br>
    </div>
</div>