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

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

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

Code

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

Для нашего любимого браузера включим hasLayout:

Code

* html div.inline-block {
display: inline;
zoom: 1;
}

Code

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

Ваша оценка:

Рейтинг: 5 Всего:671 Добавил: Михалыч

« Назад

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:

Комментарии

Всего комментариев: 0

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