Ruson

Рейтинг
87
Регистрация
01.10.2013
Интересуюсь всем что связано с СЕО, веб программированием, и веб дизайном.
Chukcha:
Решение скриптовое, высота элементам назначается по высоте элемента с максимальной высотой и все это на обработчике ресайза. Быстро, просто

да, но никто кроме vl273 не смог подсказать чтобы без лишних косяков вышло. Всё больше убеждаюсь что надо изучать Java.

Мне кстати, еще всем этим блокам надо рамку замостить с закруглениями углов используя изображения, и чтобы они тоже растягивались коректно по высоте и по ширине. Думаю что для этого внутри каждой колонки по этому же принципу добавлю еще по три колонки, средняя пойдет на текст а боковые под рамку, background с repeat-y.

vl273:
http://domainshop.su/
Вот рабочий вариант. Стили и скрипты на странице. Копируйте, переделывайте под себя.

Хм, спасибо большое, работает вроде :)

Поубирал правда во всех блоках {position: relative;} а также wrapper {height:auto !important; height:100%;} так и не понял для чего это надо тут. height:100% вобще вроде не работает так как width: 100%

p.s. Никогда так не делал, по коду идет сначала центр, потом левый сайдбар, потом правый. И всё поместилось в три блока и одну обёртку... Это сколько надо CSS изучать чтобы знать все эти тонкости?

Chukcha:
обертка
в display:table

колонки в display:table-cell


ие-8 гуляет полем
Есть еще несколько нюансов.

К cожалению ваш вариант срабатывает только с 'display: table;' при уменьшении окна браузера, если растягиваю окно обратно то высота колонок не уменьшается. Если задаю 'display: table-cell;' то рушится дизайн. Но это уже ближе :)

http://evroluxe.com/tab-cells.html

Можете глянуть ссылочку на пример, неужели нету решений?

http://evroluxe.com/tab-cells.html

дани мапов:
Ну да, получается высота колонки фиксированная и при ресайзе браузера она не меняется. Поэтому надо верстку править, сначала добиться, чтобы хотя бы одна колонка меняла высоту как нужно, вроде так.

Так меняет одна колонка, собственно сам див с класом .post он и .EqualHeights визуально ж видно что изменяется и блок синим подсвечивается в жуке, но в цифрах высоту блока держит старую.

four_rings:
В этом редакторе (Dreamwever) нет двух очень важных вещей:

Не верю своим ушам... или глазам))), неужели они этого не сделали? 😡

Что бы было более понятно сделал скрины.

jpg picture_0067.jpg
jpg picture_0068.jpg
jpg picture_0069.jpg

К сожалению ничего не происходит абсолютно. Невидно никакой разницы.

На самом деле видно через firebag что функция как бы исполняется при изменении размера окна, но высота колонок остаётся той же что зафиксировалась при первой перезагрузке страницы.

А как её можно связать с функцией приведенной выше?

Оптимизайка:
Зачем javascript? http://jsfiddle.net/tUQU7/1/

Спасибо Оптимизайка, но сли я спрашиваю значит надо именно то что я спрашиваю =)

На самом деле дела обстоят немного сложнее, у меня две колонки фиксированной ширины и 3 самоизменяемые, поэтому проценты тут не катят. Мало того две колонки заполняются изображением CSS с repeat-y и у нее тоже высота изменяемая.

Всего: 136