Одинаковая высота колонок

123
дани мапов
На сайте с 06.09.2012
Offline
204
#11

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

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
R
На сайте с 01.10.2013
Offline
87
#12
дани мапов:
Ну да, получается высота колонки фиксированная и при ресайзе браузера она не меняется. Поэтому надо верстку править, сначала добиться, чтобы хотя бы одна колонка меняла высоту как нужно, вроде так.

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

R
На сайте с 01.10.2013
Offline
87
#13

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

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

V2
На сайте с 21.06.2013
Offline
47
#14
Ruson:
Можете глянуть ссылочку на пример, неужели нету решений?

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

Решение есть, только не успел на работе его до ума довести. Суть в том, чтобы обернуть содержимое блоков в див с каким-нибудь классом. Этот класс заставить растягиваться по содержимому независимо от родителя. И в скрипте перебирать высоту именно этого класса, а устанавливать высоту классу родителю. Как-то так. Пробуйте.

Если не получится - отпишитесь. В понедельник доделаю рабочий вариант.

C
На сайте с 04.02.2005
Offline
277
#15

обертка

в display:table

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

ие-8 гуляет полем

Есть еще несколько нюансов.

R
На сайте с 01.10.2013
Offline
87
#16
Chukcha:
обертка
в display:table

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


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

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

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

V2
На сайте с 21.06.2013
Offline
47
#17

http://domainshop.su/

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

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

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

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

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

C
На сайте с 04.02.2005
Offline
277
#19

Решение скриптовое, высота элементам назначается по высоте элемента с максимальной высотой и все это на обработчике ресайза. Быстро, просто

R
На сайте с 01.10.2013
Offline
87
#20
Chukcha:
Решение скриптовое, высота элементам назначается по высоте элемента с максимальной высотой и все это на обработчике ресайза. Быстро, просто

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

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

123

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий