ФорумРазработкаКлиентская сторонаВерстка и оформление → vertival-align: middle (не работает)

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

  • TRIAL

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

    Spritz 19 июля 2007 г. 6: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 Группа: в ухо

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

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

    http://htmlbook.ru/css/vertical-align.html
    все умрут, а я изумруд
  • md5

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

    Spritz 19 июля 2007 г. 6:17, спустя 1 минуту 43 секунды

    display:table-cell; 
    vertical-align:middle;


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

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

    Spritz 19 июля 2007 г. 11: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 Группа: Джедаи

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

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

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

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