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

[MiReQ]

Добрый день всем.

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

есть такая штука: http://jsfiddle.net/kBgRH/

Надо выровнять эти 3 колонки.

Добился какого-то результата по выравниванию в хроме, но в IE9 фон тянуться не хочет...

.region-bg использую по причине, что вместо цвета будет background-картинка.

Существующие решения не катят из-за:

1) произвольное число колонок (там еще и строк будет несколько)

2) border-radius

Есть предложения сделать это без JS?

P.S. заранеее спасибо

P.P.S. прикольный глюк, кстати. Если убрать top:0 у .region-bg, то он прижмется к низу, если убрать bottom:0, то он прижмется кверху. это нормально. но вместе в IE9 они обрабатываются довольно странно...

Edited April 2, 2013 by MiReQ

[Great Rash]

Кроссбраузерно без JS такое сделать нельзя. Если есть возможность забить на старые ИЕ, тогда можно использовать display: table;

[wwt]

может скомбинировать через условные комментарии если старые версии IE юзать js, если нет то через display:table

[MiReQ]

у меня там и так таблица...

[Great Rash]

Тогда в чём проблема?

[SelenIT]

Есть такая фигня, именно в IE9 (см. "Ложка дёгтя" в конце http://css-live.ru/articles-css/absolyutnoe-pozicionirovanie-v-yachejkax-tablicy-v-firefox.html). Лекарства пока сам не знаю. Если используются костыли для IE8- типа PIE, в качестве очень кривого и скользкого обходного пути можно попробовать сбросить IE9 в режим IE8 через соотв. meta X-UA-Compatible.

[Zippovich]

а зачем использовать pIE для IE9? что там не работает?

[SelenIT]

Я имел в виду, что если он уже используется для IE8, то можно "свести задачу к уже решенной" для IE8, обойдя проблему IE9 с высотой элемента, позиционированного в ячейке.

Но скорее тут, действительно, можно обойтись без таких извратов... и вообще позиционирования. Нет?

[MiReQ]

Но скорее тут, действительно, можно обойтись без таких извратов... и вообще позиционирования . Нет?

FireFox... Там нельзя table-cell'ам задавать position:relative...

Edited April 2, 2013 by MiReQ

[SelenIT]

Это я не всё лишнее удалил из вашего изначального примера (он, кстати, в Fx и не работал). Зачем позиционировать отдельный слой, что мешает задать фон и border-radius самой ячейке?

[MiReQ]

Зачем позиционировать отдельный слой, что мешает задать фон и border-radius самой ячейке?

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

А в текущем примере ссылка подробнее уехала... Ее надо разместить в правом нижнем углу.

он, кстати, в Fx и не работал

да, я начал с хрома и IE...

Edited April 2, 2013 by MiReQ

[MiReQ]

лан, сдаюсь, делаю через JS...

[SelenIT]

Можно так еще: http://jsfiddle.net/kBgRH/3/