Выравнивание высоты дивов под максимальный?

Romaldo
На сайте с 10.02.2008
Offline
185
1426

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

Имеется 4 модуля, с резиновой высотой.

Один из них всегда самый высокий, один самый короткий.

Есть ли механизм, с помощью css задать всем максимальную высоту, равняясь на div с максимальной height?

vadts
На сайте с 08.03.2008
Offline
153
#1

Юзать таблицу религия не позволяет?

fura.pro, gruzovik.pro, rezume.pro, rezina.pro, prognoz.pro, referat.pro, voditel.pro, zdanie.pro (mailto:vadim@svitonline.com?subject=.pro)
C
На сайте с 04.02.2005
Offline
291
#2

делаем обертку четырех блоков

обертку дать бекграунд

бледный темный бледный темный

по ширине внутренних блоков.

Работает на фикс верстке

Romaldo
На сайте с 10.02.2008
Offline
185
#3

Таблицы не подходят.

Это шаблон. Если подключить 5-й модуль или даже 6 модуль, все модули станут более узкими и вытянутся по высоте.

Фиксированная высота не подходит.

Надо именно равняться на высоту самого высокого дива.

C
На сайте с 04.02.2005
Offline
291
#4

Предложенный мною вариант работает на фикс ширине блоков

богоносец
На сайте с 30.01.2007
Offline
774
#5

На фиксированной высоте... хотя бы у одного только внешнего блока.

http://htmlbook.ru/samlayout/tipovye-makety/kolonki-odinakovoi-vysoty

M
На сайте с 04.11.2010
Offline
47
#6

Когда-то была такая же проблема, нашел решение только на javascript.

DeveloperRu
На сайте с 27.02.2009
Offline
72
#7

решается без JS

http://chikuyonok.ru/2009/06/float-columns/

Ответы на вопросы (http://telenok.com)
FernandoDiaz
На сайте с 23.01.2012
Offline
13
#8

Вопрос решаем с помощью всего лишь 1 значения: display: table-cell.

HTML:

<div class="div1 div">Контент 1</div>


<div class="div2 div">Контент 2</div>

<div class="div3 div">Контент 3</div>

<div class="div4 div">Контент 4</div>​

CSS:


.div {width: 200px; display: table-cell; padding: 10px;}
.div1 {background: #e8d9e4}
.div2 {background: #d9dde8}
.div3 {background: #d9e8dd}
.div4 {background: #e7e8d9}​

Для уверенности можно еще обернуть в div с display: table.

Вживую: http://jsfiddle.net/YvPeT/

J
На сайте с 21.08.2011
Offline
78
#9

Выложите сюда кусок кода верстки. Попробую помочь.

"Табличный вид и свойства" можно придать и div-ам.

Апдейт: о, меня опередили (открытую страничку не обновлял :) ). именно так и решается.

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