Блоки-колонки одинаковой высоты.

12 3
Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
1687

Здравствуйте.

Как проще всего сейчас можно сделать данные колонки одинаковой высоты?

Скриншот:

Спасибо.

Attar
На сайте с 01.10.2011
Offline
29
#1

проще всего задать строгую высоту, и картинку тоже задать.... а по сложнее.... поместить каждую линию (ряд) в отдельный блок, задать минимальную высоту, а блокам с товаром дать высоту 100%... думаю должно сработать... вот только не уверен что так будет удобно потом натягивать на движок.... 🍿

http://alteraweb.ru (http://alteraweb.ru), http://citycycling.ru (http://citycycling.ru) http://www.free-lance.ru/users/Attar/ (http://www.free-lance.ru/users/Attar/)
Z2
На сайте с 15.11.2009
Offline
84
#2

чуть дополню:

ищем самый высокий блок

смотрим его высоту

для всех блоков указываем min-heigth:"наша высота";

Теперь все блоки должны быть одинаковы.

S5
На сайте с 04.01.2010
Offline
77
#3

табличная верстка уже не в моде?

Z2
На сайте с 15.11.2009
Offline
84
#4

все меньше и меньше...

TaediumVitae
На сайте с 22.09.2011
Offline
41
#5
zek24:
min-heigth

min-height только, ага. А почему, кстати, не просто height?

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
#6

По существу может кто нить привести рабочий вариант.

Thommy
На сайте с 06.05.2010
Offline
139
#7
Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
#8

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

LovelAss
На сайте с 05.06.2009
Offline
96
#9
musulman:
но именно чередующиеся блоков-колонок ненашел.

Это что за чудо такое?

Если макет фиксированной ширины, используйте таблицу. А если всё-таки нужны именно блоки, используйте либо фикс.высоту, либо js

Thommy
На сайте с 06.05.2010
Offline
139
#10
musulman:
Thommyименно чередующиеся блоков-колонок ненашел.

Ни слова не увидел про чередующиеся. И по картинке не понять. Тогда м.б. сочетание min-height и высота по содержимому.

12 3

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