Вертикальное выравнивание в DIV'ах

[Asar]

Вертикальное выравнивание в DIV'ах

Собственно, известная довольно проблемка. Есть куча ДИВов. В каждом — по картинке с заранее неизвестными размерами (но высотой/шириной не более, к примеру, 80 пихелей). ДИВы квадратные, к примеру, 120 пихелей.
Вопрос: как сделать, чтобы картинка внутри каждого ДИВа располагалась вертикально по центру, не просчитывая каждый раз размеры картинки и не делая соответствующие отступы?
Спасибо.

 

[rotoZOOM]

Как вариант: запихиваешь в див табличку размером 1x1.

 

[Asar]

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

 

[LeFF®]

стандартными способами никак.. можно например генерить картинку 120х120 и на нее по центру вставлять нужную

а ещё как вариант выводить ее бэкграундом

background:url(img.gif); background-position:center; background-repeat:no-repeat

 

[Asar]

Мда. Ужас. Но спасибо за варианты — любопытные идеи у Вас.

 

[dark-demon]

width: 120px;
height: 120px;
line-height: 120px;
vertical-align: middle;

 

[Asar]

Неа. Ноль внимания...

 

[Scud]

У дива:
width: 120px;
height: 120px;
line-height: 120px;

У картинки:
vertical-align: middle;

 

[Asar]

Картинка все равно сверху.

 

[Scud]

Попробуй еще и font-size в 120px поставить.
Для UL/LI на XHTML Strict такое прокатывает.

 

[Asar]

Все равно не хочет. Впрочем, у меня не ХТML и не Strict.

 

[dark-demon]

ну, коли у тебя такой развал - юзай таблицу из одной ячейки.

 

[Asar]

Автор оригинала: Asar
Мда. Ужас...

 

[С.]

Автор оригинала: Asar
Спасибо, но в том-то и дело, что с табличками извращаться не хотелось бы...

О нет! Извращаться ты как раз будешь с дивами.

 

[dark-demon]

О да! извращаться он будет с чем угодно.

 

[Asar]

О даа...

 

[Luerssen]

У дива нет vertical-align.

Поэтому, margin, padding, line-height, table.

 

[Asar]

Luerssen
Эт понятно. Поэтому я сразу спросил про методы без различных отсутпов (т.к. размеры картинки будут все время разными), без table (по понятным причинам). line-heght, насколько я смог его применить, не помог.
Видимо, придется все-же считать все время высоту картики и делать соответствующие отступы...

 

[Luerssen]

display: table-cell?

 

[WP]

margin auto?