Мой Навбар выглядит ужасно в IE8. Это буквально просто ссылки, вообще не происходит стилизация

0

Я добавил CSS ниже. Сайт отлично выглядит в Chrome, Opera и Firefox, но навигация выглядит ужасно в IE. Совершенно никакого стиля не происходит, и это выглядит ужасно. Я добавил в html5shim также свой html.

/* NAV BAR */
#nav_bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1;
background: url(../images/header-fade.gif) repeat-x;
border-bottom: 1px solid #ccc;
}

#nav_bar nav {
border-left: 1px solid #ccc;
}

    #nav_bar nav a {
display: inline-block;
width: 23%;
margin: 0;
padding: 22px 0;
text-transform: uppercase;
color: black;
text-align: center;
border-right: 1px solid #ccc;
text-decoration: none;
font: 20px "Trebuchet MS", Arial, sans-serif;
    }
  • 0
    Хотите настроить jsfiddle или что-то? У нас нет HTML здесь, поэтому даже не могу помочь ...
  • 0
    Вы проверили, в каком режиме документа находится IE?
Показать ещё 5 комментариев
Теги:
internet-explorer

2 ответа

0

Вы пытались увидеть, как правила CSS применяются к элементам в инструментах F12? Они действительно могут помочь вам понять, какие правила и стили применяются на самом деле, и вы можете настроить их в инструменте, чтобы увидеть, как это повлияет на ваш макет.

Поделиться
0

Судя по вашему HTML, вы используете элемент nav HTML5.

IE8 не распознает семантические элементы HTML5, такие как nav, header, footer, article, section и т.д., Поэтому вам нужно либо изменить его на элемент HTML4 (div или ul либо аналогичный). Или добавить полис для Javascript, например Modernizr или HTML5Shim, чтобы добавить Совместимость элементов HTML5 с более старыми версиями IE.

Например, в <head>:

<!-- html5.js -->
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Поделиться
  • 0
    У меня есть шим, это было с самого начала, но, похоже, ничего не делает?
  • 0
    @ user1663396 Не могу помочь, не увидев больше кода. Я обновил свой пост, добавив в него шим, который я извлек из Google CDN.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню