Другие языки программирования и технологии

Проблемы с горизонтальным меню

Поставила на сайт горизонтальное меню. В опере, хроме, мозиле и т. д. оно горизонтальное, а в ie вертикально отображается. что делать?

http://allworld-tour.ru/ вот сайт, если что
Farra_ On
Farra_ On
24
Мало того, что все в таблицах, так еще и косяки.. . Кстати выше их описали.
Убрать табличную верстку, а уже после этого можно говорить об ошибках
СН
Сергей Новиков
40 924
Лучший ответ
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Прижатое влево раскрывающееся меню</title>
<style>
#menu{
width:800px;
height:200px;
margin:auto;
background:#F0F0F0;
}
#menu ul{
list-style:none;
margin:0;
padding-left:0;
}
#menu li{
float:left;
position:relative;
}
#menu li a{
display:inline-block;
height:50px;
line-height:50px;
padding:0 20px;
background:#1E90FF;
color:#FFF;
text-transform:uppercase;
text-decoration:none;
}
#menu li a:hover{
background:#0000CD;
}
#menu li ul{
display:none;
position:absolute;
left:0;
}
#menu li:hover ul{
display:block;
}
#menu li li{
float:none;
}
#menu li li a{
display:block;
background:#6495ED;
white-space:nowrap;
}
#menu li li a:hover{
background:#9370D8;
}
</style>
</head>
<body>
<div id=menu>
<ul>
<li><a href=#>Телефоны</a>
<ul>
<li><a href=#>Nokia</a></li>
<li><a href=#>Samsung</a></li>
<li><a href=#>iPhone</a></li>
</ul>
</li>
<li><a href=#>Аксессуары</a>
<ul>
<li><a href=#>Наушники</a></li>
<li><a href=#>Bluetooth-гаринитуры</a></li>
<li><a href=#>Чехлы</a></li>
</ul>
</li>
<li><a href=#>Рингтоны</a>
<ul>
<li><a href=#>Pop</a></li>
<li><a href=#>Pock</a></li>
<li><a href=#>R'n'B</a></li>
<li><a href=#>Classic</a></li>
</ul>
</li>
</div>
</body>
</html>
Михаил Елгин
Михаил Елгин
68 342
Я его в ие вообще не увидел.
P.S. Ну не надо брать шаблоны на таблицах. Это каменный век. Более того, это просто некорректно.
Я уж молчу об общем дизайне
Алекс Аверин
Алекс Аверин
15 250
Там много косяков легче найти другое рабочее меню чем это разбирать. Сразу бросается в глаза:
ul#cssmenu ul li {
width: 150px;
float: left;
display: block! important;
display: inline;
две последние строчки взаимоисключающие, возможно уже убрав последнюю или предпоследнюю все заработает.
Сергей Телегин
Сергей Телегин
1 354
Может стоит сделать в виде таблицы...
Владимир Куршев
Владимир Куршев
1 003

Похожие вопросы