навигации не правильно отображения в IE

я пытался ..навигации не правильно отображения в IE

<!--[if IE 7 ]> 
    <link href="http://www.mulberrydesignerkitchens.com/wp-content/themes/MBK/ie7.css" rel="stylesheet" type="text/css"> 
<![endif]--> 

<!--[if IE 8 ]> 
    <link href="http://www.mulberrydesignerkitchens.com/wp-content/themes/MBK/ie8.css" rel="stylesheet" type="text/css"> 
<![endif]-->

CSS

header{ 
    position: relative; 
    background:#7a2652; 
    height: 75px; 
} 
header #telephone { 
    float: right; 
    color: #fff; 
    margin-top: 10px; 
    padding-right: 10px; 
    width: auto !important; 
} 
header #telephone p { 
    padding: 0; 
    margin: 0; 
    font-size: 10px; 
    float: left; 
    margin-top: 2px; 
    color: #fff; 
} 
header #telephone img { 
    float: left; 
    margin-left: 5px; 
    margin-right: 5px; 
} 

/* 
--------------------------------------------------------------------------------------- nav 
*/ 

nav#primary-menu { 
    height: 37px; 
    position: absolute; 
    right: 2px; 
    top: 38px; 
    width: 685px; 
    list-style: none outside none; 
} 

nav#primary-menu div { 
    background: none repeat scroll 0 0 #833B5D; 
    float: right; 
    height: 37px; 
    margin-left: 32px; 
    width: 645px; 
} 

nav#primary-menu ul#menu-mainnav { 
    list-style: none outside none; 
} 

nav#primary-menu ul#menu-mainnav li { 
    height: 37px; 
    margin: 0 -10px 0 -37px; 
    overflow: visible; 
    padding-left: 37px; 
    padding-right: 10px; 
    position: relative; 
    width: 80px; 
    z-index: 1; 
    float:left; 
    display: inline-block; 
    list-style: none outside none; 
} 

nav#primary-menu ul#menu-mainnav li:hover:last-child { 
    background: url("images/nav-last-bg.png") no-repeat transparent; 
} 

nav#primary-menu ul#menu-mainnav li:first-child { 
    background: url("images/nav-first-bg.png") no-repeat scroll left center transparent; 
}  

nav#primary-menu ul#menu-mainnav li:hover { 
    background: url("images/nav-current-bg.png") no-repeat scroll left center transparent; 
} 

nav#primary-menu ul#menu-mainnav li.current-menu-item { 
    background: url("images/nav-current-bg.png") no-repeat scroll 0 0 transparent; 
} 

nav#primary-menu a { 
    color: #FFFFFF; 
    float: left; 
    font-size: 9px; 
    line-height: 120%; 
    padding-bottom: 8px; 
    padding-top: 7px; 
    text-align: left; 
    text-decoration: none; 
    width: 60px; 
} 

nav#primary-menu a:hover { 
    color: #FFFFFF; 
} 

nav#primary-menu a:visited { 
    color: #FFFFFF; 
} 

nav#primary-menu ul#menu-mainnav li ul.sub-menu { 
    list-style: none outside none; 
}

, но и попытаться добавить некоторые CSS, но ничего не происходит, скажите, пожалуйста, что делать.

сайт выглядит хорошо в firefox, но полностью перепутался с IE. пожалуйста, помогите мне, как я могу сортировать это в IE.

http://i.stack.imgur.com/Xp51g.jpg

пожалуйста, проверьте выше изображение и направлять меня, как я могу решить эту проблему.

источник

2012-04-12 Muzammil

Мы должны видеть, разметка и CSS –

да, нам нужен код. Это может быть только ваш кэш, который хранит более старую версию страницы – Roger

Вы используете HTML5 элементы, поддерживаемые IE.

Используйте этот js http://code.google.com/p/html5shiv/ для HTML5 Поддержка тегов для IE.

источник

2012-04-12 12:55:29 sandeep

Это правильно, IE не знает, что с '

' или '

В IE режим quirks запускается, потому что страница содержит много ошибок HTML и CSS. Это испортит вашу страницу. Проверьте свой сайт с помощью W3C HTML validator и устраните эти ошибки.

источник

2012-04-12 12:50:22

там всего 4 таблицы стилей. style.css, theme.css, ie7.css и ie8.css .. эти таблицы стилей пустые прямо сейчас, но теперь работают 2 таблицы стилей. – Muzammil

Отредактирован мой ответ из-за новых идей –

Вы используете HTML5, используйте:

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

источник

2012-04-12 13:05:30 Palantir

навигации не правильно отображения в IE

ответ

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