vertival-align: middle (не работает)

TRIAL

Сообщения: 988 Репутация: N Группа: Джедаи
19 июля 2007 г. 17:09
Привет.
Возникла проблема с выравниванием картинки по центру бокса.
Вот так выглядит DIV с картинкой:
<div class='img_border'><img src=resize.php></div>

Вот стиль дива:
.img_border { border: solid 1px #6b7b84; width: 105px; height: 90px; text-align: center; vertical-align: middle; background-color: white; }

Размер картинки 80 на 80. По центру она выравнивается отлично.
Как эту заразу по вертикали выравнить?
from TRIAL with LOVE
md5

Сообщения: 11960 Репутация: N Группа: в ухо

19 июля 2007 г. 17:15, спустя 5 минут 24 секунды

с выравниванием по вертикали траблы, да..

http://htmlbook.ru/css/vertical-align.html

все умрут, а я изумруд
md5

Сообщения: 11960 Репутация: N Группа: в ухо
19 июля 2007 г. 17:17, спустя 1 минуту 43 секунды
display:table-cell; vertical-align:middle;

для IE: expression
все умрут, а я изумруд
Timur

Сообщения: 1068 Репутация: N Группа: Джедаи
19 июля 2007 г. 22:01, спустя 4 часа 44 минуты 47 секунд
по-моему можно вполне обойтись без дива. Для этого можно воспользоваться преимуществами блочной модели css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> … <style type="text/css"> img { border:1px solid #000; width:80px; height:80px; padding:5px 12px; } </style> … <img />

отступ от рамки определяется padding'ом.
!DOCTYPE обязателен - только это заставит IE работать по стандартам. Иначе же padding будет "включен" в width и height и отступа не будет.
TRIAL

Сообщения: 988 Репутация: N Группа: Джедаи

20 июля 2007 г. 11:21, спустя 13 часов 19 минут 55 секунд

Ясно, либо оставлю как есть, либо эти чертовы картинки сделаю задним фоном и там то их выровню как мне нужно.
В любом случае спасибо.

PS. Мля, когда уже наконец сделают, что все стили будут работать нормально.

from TRIAL with LOVE

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

vertival-align: middle (не работает)

Войти