Панель навигации не отображается должным образом в IE - PullRequest
Новая
       0

Панель навигации не отображается должным образом в IE

2 голосов
/ 29 июня 2011

Я относительно новичок в css, но у меня возникла проблема, пытаясь приспособить все браузеры, что неудивительно в этом случае, IE.

Вот моя проблема, воссозданная на JSfiddle: http://jsfiddle.net/AgdGs/3/

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

Я думаю, что это сравнительно легко исправить, я просто не смог найти ответ нигде.

Заранее спасибо за помощь и дайте мне знать, если вам нужна дополнительная информация.

Ответы [ 3 ]

5 голосов
/ 29 июня 2011

Версии IE ниже 9 изначально не распознают семантические элементы HTML5 , такие как <header> и <nav>.

Это необходимо в вашем <head>: http://code.google.com/p/html5shiv/

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

Вам также необходимо установить элементы HTML5 на display: block: 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

Подробная информация здесь: http://paulirish.com/2011/the-history-of-the-html5-shiv/

1 голос
/ 29 июня 2011

<nav> - HTML5 element, и поддерживается только в последних браузерах, но не в старых, ниже IE 9

0 голосов
/ 29 июня 2011

Как вы можете видеть в инструментах разработчика IE (я проверял это в IE8, вы не упомянули, в какой версии вы его тестировали), UL перемещен за пределы элемента nav.

...