Кроссбраузерный inline-block

Internet Explorer версий 6 и 7 имеет не полную поддержку значения
display: inline-block, которое применяется только для встроенных
элементов, с блочными элементами работает некорректно. И в браузере
FireFox 2 тоже не всё так просто с inline-block - он его не понимает
наглухо.

Дабы исправить ситуацию, приведу кроссбраузерный подход к решению поставленной задачи.

Код
div.inlineblock {
  display: -moz-inline-stack; /* FF2 */
  display: inline-block;
}


Для нашего любимого браузера включим hasLayout:
Код
* html div.inline-block {
  display: inline;
  zoom: 1;
}

Код
<div class="inlineblock">Кроссбраузерный inline-block</div>


Источник: http://ucozmaster.ru/publ/css/krossbrauzernyj_inline_block/5-1-0-46
| Автор: Денис
X
Ссылка:
BB-код:
HTML-код:

Похожие материалы
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Войти на сайт
%