Вопрос по CSS и DIV. inline-block для IE - есть ответ

дядя Олег, 266 просмотров

В IE не верно отображается меню созданное таким образом:

<div class="menu">
<ul>
<li><a href=#>Главная</a></li>
<li><a href=#>Контакты</a></li>
</ul>
</div>

.menu {display: inline-block; width: 1000px; }

.menu ul li {display: inline-block;}

.menu ul a {
display: block;
height: 67px;
padding: 0 1.2em;
font-weight: bold;
font-size: 120%;
line-height: 3.8;
color: #FFF;
text-shadow: 1px 1px 2px #000;
}

Как это решить?

Ответы:

10,10

Зачем Вам в данном случае inline-элемент.
В .menu абсолютно не нужно свойство display: inline-block. Делать ссылку блочным элементом тоже не комильфо.

10,10

Ах да, совсем забыл, text-shadow в ИЕ работать не будет ну никак. Тут вам в помощь либо вариант с дублированием текста, либо хаки на JavaScript-e. В крайнем случае сделайте цвет текста не в цвет фона, а то текст не видно в ИЕ.

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.