Выпадающее меню не работает в IE

kitenok888 · May 30, 2012

Выпадающее меню не работает в IE.

Во всех остальных браузерах выпадает.

Помогите решить проблему.

<li><a expr:href='data:blog.homepageUrl'>Главная</a></li>

<li><a href='#'>About</a>

<ul>

</li>

</ul>

</li>

<li><a href='#'>Services</a></li>

<li><a href='#'>Portfolio</a></li>

<li><a href='#'>Contact</a></li>

</ul>

</div>

dostel1 · May 30, 2012

шары не ждите!Выложи код выпадающего меню +css,а не каркас

Avalon4eg · May 30, 2012

Hover в IE работает только для тегов <a>

Yazon_Nile · May 30, 2012

Hover в IE работает только для тегов <a>

Только в ие6! ие7+ ховер обрабатывает нормально

kitenok888 · June 1, 2012

Здравствуйте!

Выпадающее меню работает в IE 8.

А в IE 6 — нет. Я, конечно, надеюсь, что мало кто пользуется IE 6, но все равно хочется понять почему не работает?

В справочнике написано -

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

Я так поняла нужно удалить строку <?xml version="1.0" encoding="UTF-8" ?>

(<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN")

И задать кодировку с помощью <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />

Только это сделать невозможно. Эта строка возвращается на место.

Вот код.

#NavbarMenu {

background: #E1DCCA;

width: 960px;

height: 35px;

font-size: 12px;

font-family: Arial, Tahoma, Verdana;

color: #FFFFFF;

font-weight: bold;

margin: 0px;

padding: 0px;

}

#NavbarMenuleft {

width: 680px;

float: left;

margin: 0px;

padding: 0px;

}

#NavbarMenuright {

width: 280px;

font-size: 11px;

float: right;

margin: 0px;

padding: 6px 0px 0px 0px;

}

#nav {

margin: 0px;

padding: 0px;

}

#nav ul {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#nav li {

list-style: none;

margin: 0px;

padding: 0px;

}

#nav li a, #nav li a:link, #nav li a:visited {

color: #495D5C;

display: block;

font-size: 16px;

font-family: Georgia, Times New Roman;

font-weight: normal;

text-transform: lowercase;

margin: 0px;

padding: 9px 15px 8px 15px;

}

#nav li a:hover, #nav li a:active {

background: #EBE6D4 url(images/navhov.png);

color: #495D5C;

margin: 0px;

padding: 9px 15px 8px 15px;

text-decoration: none;

}

#nav li li a, #nav li li a:link, #nav li li a:visited {

background: #E1DCCA;

width: 150px;

color: #495D5C;

font-size: 14px;

font-family: Georgia, Times New Roman;

font-weight: normal;

text-transform: lowercase;

float: none;

margin: 0px;

padding: 7px 10px 7px 10px;

border-bottom: 1px solid #FFFFFF;

border-left: 1px solid #FFFFFF;

border-right: 1px solid #FFFFFF;

}

#nav li li a:hover, #nav li li a:active {

background: #85ACAC;

color: #FFFFFF;

padding: 7px 10px 7px 10px;

}

#nav li {

float: left;

padding: 0px;

}

#nav li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 170px;

margin: 0px;

padding: 0px;

}

#nav li li {

}

#nav li ul a {

width: 140px;

}

#nav li ul a:hover, #nav li ul a:active {

}

#nav li ul ul {

margin: -32px 0 0 171px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

#nav li:hover, #nav li.sfhover {

position: static;

}

Avalon4eg · June 1, 2012

#nav li:hover

Hover в IE6 работает только для тегов <a>

kitenok888 · June 2, 2012

#nav li:hover 
Hover в IE6 работает только для тегов <a>

А можно поподробнее. Что делать?

А другие мои вопросы? Знатоки, надеюсь, есть?

Yazon_Nile · June 5, 2012

Не понял проблемы с доктайпом..

А проблема ховера в ие6 решается с помощью js

Sign In

Выпадающее меню не работает в IE

Question

kitenok888

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

dostel1

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

Yazon_Nile

Link to comment

Share on other sites

kitenok888

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

kitenok888

Link to comment

Share on other sites

Yazon_Nile

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information