Как правильно выравнивать высоты divs на IE7?

Question

Я пытаюсь выровнять «ряд строк» ​​проекта, над которым я работаю, и сталкиваюсь с проблемами скорости. У меня от 60 до 90 строк и от 4 до 10 столбцов. Вся эта настройка не может быть сгенерирована в реальной таблице из-за других требований, поэтому я использую плагин jQuery.equalhights, который отлично работает, но когда вы добираетесь до 240 «ячеек», для IE7 требуется около 5 секунд & 8 (FF и другие современные браузеры бывают быстрыми)

Итак, есть ли более быстрый способ сделать это, зацикливая, хотя каждый div в строке и записывает самый высокий, а затем устанавливает высоту на всех divs до самого высокого уровня?

Пример HTML. Мне нужно, чтобы все * row-# divs были равны по высоте всем другим * row- #. Таким образом, высота label-row-0 = item-1-row0 = item-2-row-0 = item-3-row-0 = item-4-row-0 и максимальная высота в этом случае, чтобы быть item-2-row-0

<div style="float: left"> 
    <div id="label-row-0">label</div> 
    <div id="label-row-1">label</div> 
    <div id="label-row-2">label</div> 
    <div id="label-row-3">label</div> 
</div> 
<ul style="margin: 0; padding: 0; list-style: none; float: left;"> 
    <li> 
     <div id="item-1-row-0">bla</div> 
     <div id="item-1-row-1">bla<br/>bla</div> 
     <div id="item-1-row-2">bla<br/>bla</div> 
     <div id="item-1-row-3">bla<br/>blabla<br/>blabla<br/>bla</div> 
    </li> 
    <li> 
     <div id="item-2-row-0">bla<br/>blabla<br/>bla</div> 
     <div id="item-2-row-1">bla</div> 
     <div id="item-2-row-2">bla bla bla</div> 
     <div id="item-2-row-3">bla<br/>bla</div> 
    </li> 
    <li> 
     <div id="item-3-row-0">bla</div> 
     <div id="item-3-row-1">bla</div> 
     <div id="item-3-row-2">bla</div> 
     <div id="item-3-row-3">bla</div> 
    </li> 
    <li> 
     <div id="item-4-row-0">blabl;a bhdks</div> 
     <div id="item-4-row-1">fvhsdjk vbhsdivbsibn ikvjchwib</div> 
     <div id="item-4-row-2">gfwei bcvieufhci bwuued</div> 
     <div id="item-4-row-3">fgbuisdk bnib cieuh9b</div> 
    </li> 
</ul> 

элементы Li являются сортируется с помощью JQuery UI и должны иметь возможность горизонтально прокрутки, сохраняя при этом ярлык div фиксированный на месте. Я в основном строит таблицу столбец центрическую, который имеет заблокированный столбец и заблокированный заголовок, и он должен быть столбец сортируется, который я не нашел способ сделать с обычной таблицей или существующих плагинов JQuery

Answer 1

Check http://www.ejeliot.com/blog/61

Answer 2

Поскольку я могу предоставить только 1 ссылку за сообщение, вот еще одна ссылка: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks.