Вопрос по выравниванию

[dropoff]

Всем привет.

Не могу придумать как так сделать

http://s006.radikal.ru/i215/1104/cf/27543fb9d14b.png

Сами блоки смог выровнить с помощью margin:0 0 -9999px;padding:0 0 9999px;

Картинки то же на одном уровне

А вот на скрине видно, что кнопки Купить и цена, расположены всегда внизу. Как такое сделать?

Это пример на сайте МТС, в каталоге товаров. Верстка там таблицами+ такая структура, что картинки идут сначала, потом описание и т.д...

Т.е. чтобы кнопки Купить всегда располагались внизу. Или тут только через JS высчитывать высоту самого большого блока и делать такую же остальным?

Может можно как-то через CSS? Не охота JS пихать.

Может кто сталкивался уже с таким?

Заранее спасибо.

[Gaspode]

Либо таблицей (ряд картинок, ряд описаний, ряд цен), либо через display: table-cell - при условии, что вы кладёте с пробором на IE.

[Быколай]

А чего придумывать? Ковыряйте исходник оригинала

[dropoff]

У меня блоки такого вида

<div class="tovari">
	<div class="kartinka"><img src="<?=$img?>" /></div>
	<div class="naz"><a href="<?=$link?>" title="<?=$name?>"><?=$name?></a></div>
	<div class="opis"><?=$text?></div>
	<span class="cena"><?=$price?></span>
	<span class="cart"><?=$in_cart?></span>
</div>

и этот блок идет в цикле.

В оригинале таблицы. Хотелось без них.

display: table-cell -не подходит. работа в IE нужна

[Gaspode]

Ну попробуйте тогда объединить два спана в один блок и позиционировать этот блок внизу основного блока. Чем чёрт не шутит.

[Быколай]

Ну попробуйте тогда объединить два спана в один блок и позиционировать этот блок внизу основного блока. Чем чёрт не шутит.

не, это не серьёзно, зачем же советовать когда сами не уверены? к тому же это явно нерабочая идея.

dropoff, если описание может оказаться nn-ой длинны, можно указать ему фиксированную ширину и вертикальный скролл. Или хидден, по вкусу.

Edited April 12, 2011 by Быколай

[Gaspode]

Я на той неделе буквально с таким сталкивался. Плюнул и сделал таблицами. Семантика чуток похныкала да и успокоилась.

[dropoff]

Я на той неделе буквально с таким сталкивался. Плюнул и сделал таблицами. Семантика чуток похныкала да и успокоилась.

Думал то же плюнуть и сделать таблицами, но вывода товара будет много и куча таблиц - не есть гуд.

Я вот склоняюсь к тому, что часть текста просто действительно скрывать.

Ну попробуйте тогда объединить два спана в один блок и позиционировать этот блок внизу основного блока. Чем чёрт не шутит.

Пробовал. Дело в том, что у меня у основного контейнера margin:0 0 -9999px;padding:0 0 9999px;

у внутреннего "tovari" просто отступы, без указания высоты, так как содержимое (картинка, текст, название товара) могут менять высоту, соответственно некуда там позиционировать нижние два спана, хоть объединенные, хоть нет.

[Int]

Может главные блоки float:left, а цену с "купить" тоже float с bottom:0? float реагирует что ли на bottom? И можно все эти три положить в ещё один большой блок, который будет ими растягиваться по вертикали, и цены выравнивать уже относительно него (смутно себе это представляю)

[dropoff]

хм. т.е. три в ряд и все в одном блоке? Это идея! Как раз Smarty прикручу и попробую в нем сделать. А то эта каша порядком надоела в коде.