My Navbar выглядит ужасно в IE8. Это буквально только ссылки, нет стиля вообще.

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

/* 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; 
    }

источник

2013-11-12 user1663396

Хотите настроить jsfiddle или что-то еще? У нас нет html, так что даже не могу помочь ... – imjared

Вы проверили, в каком режиме IE документа? –

Нам нужно просмотреть страницу, чтобы увидеть проблему. – Chad

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

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

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

<!-- html5.js --> 
<!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

источник

2013-11-12 15:42:17 Ennui

У меня есть добавка, она была с самого начала, но она ничего не делает? – user1663396

@ user1663396 Не может помочь вам, не видя больше кода. Я обновил свой пост, чтобы включить используемую прокладку, которую вытаскивает из Google CDN. – Ennui

Не стесняйтесь смотреть на весь сайт. http://www.alderneybunkerparties.co.uk – user1663396

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

источник

2013-11-12 19:58:33

My Navbar выглядит ужасно в IE8. Это буквально только ссылки, нет стиля вообще.

ответ

Смежные вопросы