Как выровнять размер блоков по вертикали?

L
На сайте с 13.08.2011
Offline
40
830

Создаем таблицу, допустим, с тремя колонками, и задаем им фиксированный размер по горизонтали. Если добавляем в любую из колонок какой-то контент, размер ее по вертикали увеличивается (типа резиновый), и, при этом, меняется размер всех остальных, то есть, вся таблица и колонки принадлежащие ей, как бы растягиваются. Как это реализовать средствами блочной верстки?


<div style="width:900px; margin:auto;">
<div style="width:300px; float:left"></div>
<div style="width:300px; float:left"></div>
<div style="width:300px; float:left"></div><div style="clear:both"></div>
</div>

То есть, надо чтобы при изменении размера любой из колонок width:300px по вертикали, соответственно менялся и размер всех остальных принадлежащих блоку width:900px.

[umka]
На сайте с 25.05.2008
Offline
456
#1

Ява-скриптом смотреть размер самого высокого блока и ставить его остальным.

Лог в помощь!
M
На сайте с 04.11.2010
Offline
47
#2

Есть готовое решение для jquery, если нужно могу в личку скинуть.

gormarket
На сайте с 29.12.2010
Offline
47
#3

looner, поищите в сети скрипт maxheight.js

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

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
L
На сайте с 13.08.2011
Offline
40
#4

я, все же надеялся, что можно как то хитроумно выкрутиться средствами html. спасибо за помощь.

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