Выравнивание столбцов JavaScript не работает в Chrome

Question

Я использую этот фрагмент JavaScript mootools для выравнивания высоты моих столбцов:

window.addEvent('domready', function() 
{
    var columns = $$('.equalize');
    var max_height = 0;

    columns.each(function(item) 
    { max_height = Math.max(max_height, item.getSize().y); });

    columns.setStyle('height', max_height);
});

Проблема в том, что он не работает должным образом на Chrome. Получается минимальная высота 2 столбцов вместо максимальной. В чем проблема и как мне ее исправить? Заранее спасибо!

Answer 1

Вы должны использовать

window.addEvent('load', function(){ });

не событие 'domready' для этого.

Некоторые элементы могут быть еще не загружены при запуске события 'domready'.

Answer 2

Извините, что пошел по другому пути - но почему вы используете JavaScript для этого? Это может быть выполнено с CSS , и даже таблицы, которые я считаю, являются лучшим решением, чем делать это с JS.