Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.05.2016, 16:29
Интересующийся
Отправить личное сообщение для Saratov64 Посмотреть профиль Найти все сообщения от Saratov64
 
Регистрация: 17.03.2016
Сообщений: 22

Выпадающее меню в ИЕ не работает на веб сервере.
Почему не работает выпадающее меню в ИЕ11 да и любой версии, конкретно функция выпадения hover, как только выкладываешь страницу на веб сервер локальный. Локально, все работает с моего компа или любого, все норма!!!!!!!!!!!!!! ?? тыкаешь на index.html все хорошо
Веб Сервер IIS6й. на windows server 2008.
Думал, может с веб сервером, что-то не так.
Поставил Linux Open Suse 10.0 запустил апач, развернул страничку, все тоже самое, не работает.
Локально открываешь index.html все нормально в ИЕ 11 !!!
Хром, Опера, Яндекс, все норма с сервера. Сервер внутренний, веб сайт локальный.
В чем может быть проблема ?????
Пример менюшки брал с
http://online-dohod.ru/vypadayuschee-menyu-na-css


в чем может быть ошибка ??? проблема именно в CSS... может нужно, для правильной интерпретации, что-то на веб сервере обновлять ????

<ul class="menu">
<li><a href=" ">Раздел 1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1.1</a></li>
<li><a href=" ">Раздел 1.1.2</a></li>
</ul>
</li>
<li><a href=" ">Раздел 1.2</a></li>
<li><a href=" ">Раздел 1.3</a></li>
</ul>
</li>
<li><a href=" ">Раздел 2</a></li>
<li><a href=" ">Раздел 3</a></li>
</ul>


Код:
ul.secondary-menu {
margin: 0;
padding: 0;
display: inline-block;
width: 200px;
}
ul.secondary-menu li {
background: #333333;
background: linear-gradient(#222222, #444444);
list-style: none;
position: relative;
}
ul.secondary-menu li a {
padding: 10px;
display: block;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
ul.secondary-menu li a:hover,
ul.secondary-menu li:hover > a {
background: #006699;
}
ul.secondary-menu li ul,
ul.secondary-menu li ul.sub-menu li ul {
margin: 0;
padding: 0;
display: none;
}
ul.secondary-menu li:hover ul,
ul.secondary-menu li ul.sub-menu li:hover ul {
left: 200px;
top: 0px;
width: 200px;
display: block;
position: absolute;
z-index: 100;
}
Ответить с цитированием
  #2 (permalink)  
Старый 05.05.2016, 11:13
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,331

Saratov64,
Ваш вариант не мог работать ни локально в ИЕ, ни в каком другом браузере. Найдите одно отличие:

<style>
ul.secondary-menu {
margin: 0;
padding: 0;
display: inline-block;
width: 200px;
}
ul.secondary-menu li {
background: #333333;
background: linear-gradient(#222222, #444444);
list-style: none;
position: relative;
}
ul.secondary-menu li a {
padding: 10px;
display: block;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
ul.secondary-menu li a:hover,
ul.secondary-menu li:hover > a {
background: #006699;
}
ul.secondary-menu li ul,
ul.secondary-menu li ul.sub-menu li ul {
margin: 0;
padding: 0;
display: none;
}
ul.secondary-menu li:hover ul,
ul.secondary-menu li ul.sub-menu li:hover ul {
left: 200px;
top: 0px;
width: 200px;
display: block;
position: absolute;
z-index: 100;
}
</style>
<ul class="secondary-menu">
<li><a href=" ">Раздел 1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1</a>
<ul class="sub-menu">
<li><a href=" ">Раздел 1.1.1</a></li>
<li><a href=" ">Раздел 1.1.2</a></li>
</ul>
</li>
<li><a href=" ">Раздел 1.2</a></li>
<li><a href=" ">Раздел 1.3</a></li>
</ul>
</li>
<li><a href=" ">Раздел 2</a></li>
<li><a href=" ">Раздел 3</a></li>
</ul>

Ни сервер, ни браузеры тут ни при чем.
Не смогли скопировать с примера? Или где-то потеряли?

Последний раз редактировалось Dilettante_Pro, 05.05.2016 в 11:27.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает CSS меню в IE (в FireFox и Chrom все нормально) bdb2000 Internet Explorer 1 05.04.2016 11:58
Как сделать, чтобы выпадающее меню оставалось развернутым? Эдгар Элементы интерфейса 1 28.02.2011 18:43
Меню, выпадающее и сворачивающееся не по hover а по клику adelante jQuery 1 14.01.2011 03:17
Скрипт меню не работает только в Firefox somatic Firefox/Mozilla 2 28.07.2009 02:23
Сделать выпадающее меню по аналогу SerG Общие вопросы Javascript 1 05.11.2008 14:05