Во всех браузерах меню отображается нормально в IE нет.Почему?

S
На сайте с 06.05.2008
Offline
57
795

Сделано меню выпадающее, во всех браузерах отображается нормально, а в IE выпадающего меню не видно

код css


.pd_menu_01
{
background: #f15100;
border: solid 1px #FFFFFF;
clear: both;
color: #FFFFFF;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.pd_menu_01 a, .pd_menu_01 a:visited
{
background-color: #f15100;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.pd_menu_01 ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
.pd_menu_01 ul li
{
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
float: left;
position: relative;
z-index: 1000;
z-index: auto !important;
}
.pd_menu_01 ul li a
{
background: #f15100;
color: #FFFFFF;
display: block;
float: left;
float: none !important;
height: 30px;
line-height: 30px;
padding: 0 10px 0 10px;
text-decoration: none;
}
.pd_menu_01 ul li ul
{
background: #f15100;
border: none;
color: #FFFFFF;
display: none;
width: 1px;
}
.pd_menu_01 ul li:hover a
{
background-color: #FFFFFF;
color: #f15100;
text-decoration: none;
}
.pd_menu_01 ul li:hover ul
{
display: block;
left: 0;
margin-top: 1px;
position: absolute;
top: 29px;
z-index: 999;
}
.pd_menu_01 ul li:hover ul li a
{
background-color: #f15100;
border-bottom: solid 1px #FFFFFF;
border-left: solid 1px #FFFFFF;
color: #FFFFFF;
display: block;
height: auto;
line-height: 1.3em;
margin-left: -1px;
padding: 5px 10px 5px 10px;
width: 12em;
}
.pd_menu_01 ul li:hover ul li a:hover
{
background-color: #FFFFFF;
color: #f15100;
text-decoration: none;
}
.pd_menu_01 ul li a:hover
{
background-color: #FFFFFF;
color: #f15100;
text-decoration: none;
}
.pd_menu_01 ul li a:hover ul
{
display: block;
left: 0;
position: absolute;
top: 29px;
width: 12em;
z-index: 999;
}
.pd_menu_01 ul li ul li a:visited
{
background-color: #f15100;
color: #FFFFFF;
}
.pd_menu_01 ul li a:hover ul li a
{
background-color: #f15100;
border-bottom: solid 1px #FFFFFF;
border-left: solid 1px #FFFFFF;
color: #FFFFFF;
display: block;
height: 1px;
line-height: 1.3em;
padding: 4px 16px 4px 16px;
width: 12em;
}
.pd_menu_01 ul li a:hover ul li a:hover
{
background-color: #FFFFFF;
color: #FF8000;
text-decoration: none;
}
<div class="pd_menu_01 "> 
<ul><li><a href="/">Home</a>
<ul>
<li><a href="#" >home 1</a></li>
</ul>
</li></ul>

</div>

Рыболовный интернет-магазин BigFish (http://bigfish-shop.biz/)
malls
На сайте с 08.08.2005
Offline
255
#1
Во всех браузерах меню отображается нормально в IE нет.Почему?

Потому, что все браузеры нормальные, а IE нет! 😂

А вообще если просите помощи - уважайте потенциальных помощников и выкладывайте форматировнный код, а не эту построчную ерунду...

S
На сайте с 06.05.2008
Offline
57
#2
malls:
Потому, что все браузеры нормальные, а IE нет! 😂

А вообще если просите помощи - уважайте потенциальных помощников и выкладывайте форматировнный код, а не эту построчную ерунду...

исправил css.

IE понимает псевдокласс :hover лишь для тега <a> - так что li:hover, на который завязано появление подменю, ему ни о чём не говорит.

З
На сайте с 24.04.2008
Offline
54
#3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий