div height using css (ie6 очевидно)

Question

Ненавижу fiddly css и форматирование, каждый раз, когда я думаю, что я его взломал, возникает другая проблема, и я просто закончил тем, что пытался разобраться, пока это не сработает - как noob. Ну что ж.

У меня есть три 3 divs, один контейнер и два внутренних div. Один из внутренних divs имеет текст, который может отличаться по высоте, другой - только checkbox, но по стилистическим причинам я хочу иметь ту же высоту, что и другой внутренний div. Установка высоты 100% («наполнитель») просто заполняет страницу.

<div class="container"> 

    <div class="heightSetter"> contains wrapped text, and varies in height </div> 

    <div> class="filler"> other stuff, that I want as same height as height setter </div> 

</div> 

Возможно таблица будет лучше, но сейчас любая помощь/ответы/советы по этой конкретной проблемы с благодарностью приняты.

Cheers!

Редактировать Только что нашел это из предыдущего вопроса/ответа, используя jQuery и готовый документ. Просто испытал его, работа любит мечту.

$(".filler").height($(".heightSetter").height()); 

Edit 2 JQuery абсолютно пород, должно быть, спас меня столько времени Дев на этой и других проблем.

Answer 1

$(".filler").height($(".heightSetter").height()); 

Answer 2

Два решения этой проблемы, которые работают в IE6:

Faux Columns - работает только если фон столбца, который должен растягиваться (справа, в данном случае) имеет только один цвет фона или повторяющийся узор (из-за он использует изображение или границу для подделки столбца).

Equal Height Columns - Трюк CSS, который я еще не тестировал.

Answer 3

Это очень сложно достичь с помощью CSS, который может понять IE6. Однако вы можете подделать его, используя the faux columns technique. В основном вы устанавливаете фоновое изображение в столбце контейнера, что делает его похожим на то, что два дочерних элемента (высота и наполнитель) имеют равную высоту. Не идеально, но обычно это делает работу.