выравнивание по высоте трех колонок

[samulet]

Дорогие форумчане, помогите.

Я совсем начинающий. Правлю css файл для интернет магазина, тем самым меняя его дизайн.

Использую макет "Фиксированная ширина 3 колонки" .

Проблема - если одна из колонок выше остальных, то получаются у остальных колонок разрывы с футером.

Вот сайт albaro.ru Там прямо на главной странице видна эта проблема.

Хотелось бы, чтобы высота всегда была одинаковая (по самой высокой колонке).

Спасибо большое!

[Vadimka]

если бы эти 3 колонки были в одном блоке у которого фиксированая высота то тогда выход height: 100%, можно например три колонки вставить в контейнер и задать ему фиксированую высоту, если за эту высоту ни одна из колонок выходить не будет и им задать высоту 100%, вот тебе и выравнивание. а если высота у тебя может быть любой...хм...тут подумать надо.

[npofopr]

Можете скриптом попробовать.

На посмотреть (вдруг нужное):

раз, два, три, четыре

[gordi]

Здесь много примеров http://csslayout.ru/

[logicface]

Можете задать родительскому блоку этих трех колонок bg-img который выглядит как цвет колонок с повторением.

[Bizon4ik]

если всем трем контейнерам поставить height 100% и обернуть их в один контейнер то его высота будет ровна высоте самого длинного из трех, а соотведствено и высота всех контейнеров выровняется

Поправте меня если я ошибаюсь

[logicface]

Не хочется пробывать, но походу так работать не будет потому что должна быть точная цифра у родителя что бы height 100% работал у внутренних дивов.

[Bizon4ik]

если всем трем контейнерам поставить height 100% и обернуть их в один контейнер то его высота будет ровна высоте самого длинного из трех, а соотведствено и высота всех контейнеров выровняется

Поправте меня если я ошибаюсь

Сорри, действительно не работает

[Николя223]

задать им display: table-cell, обернуть ещё вы два div-а display: table-row и display: table соответственно

[Bizon4ik]

Вот нашел простое решение http://habrahabr.ru/post/64242/

http://jsfiddle.net/Bizon4ik/X83bw/4/

Edited November 25, 2012 by Bizon4ik

[samulet]

Спасибо всем большое! Завис на второй ссылке - изучаю. Ну очень интересно!!!

Обязательно отпишусь, что мне помогло.

[Николя223]

я вот о чем писал: высоту можно в любой ячейке задать

http://jsfiddle.net/KZv4c/

[samulet]

я вот о чем писал: высоту можно в любой ячейке задать

http://jsfiddle.net/KZv4c/

Отличное решение - простое и результат на лицо! В чем его минусы?

Кстати, в коде страницы нет закрывающего тега </div> для таблицы. Так и должно быть?

Edited November 27, 2012 by samulet