Форум hotibo.ru

vv74 · #1 20.08.2013 15:49

Добрый день.
Попробовал переписать горизонтальное меню - http://kriesi.at/archives/create-a- … via-jquery - вертикально. Работает везде, кроме IE - как только подменю становится ниже основного меню, подменю закрывается.
PS. Подменю должно заползать на основное меню.

HTML:

1 HTML

2 CSS

3 Javascript

CSS:

body{
font-size:0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
line-height:1.5em;
width: 185px;
border: 1px solid black;
}

#nav li{
position: relative;
}

#nav li ul{
position: absolute;
width: 190px;
left: 160px;
top: 0;
}

#nav li a{
display: block;
width: 160px;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

#nav a:hover{
background-color: Blue;
color: Lime;
}

/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { } /* End */

JS(jquery-1.2.3.min.js):
function mainmenu(){

$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
},function(){
$(this).find('ul:first').css({visibility: "hidden"});
});
}

$(document).ready(function(){
mainmenu();
});

Спасибо.

Xexe · #2 21.08.2013 11:20

Было бы здорово увидеть что у вас получилось. Если я правильно понял проблему - должно помочь вот это:

#nav, #nav ul{
background: url(image-ie-fix.gif);
}

#nav li ul{
background: url(image-ie-fix.gif);
}

не уверен, что нужно в обоих случаях писать. image-ie-fix.gif не обязательно должен существовать.
Если проблема похожа на эту: - должно помочь. Бэкграунд нужен для подменю
--------------------------------------------------------------------------------------- - - - - - - - - - - - - - - - - - - -
I Пункт 1 I Пункт 2 I Пункт 3 I Пункт 4 I Пункт 5 I пока мышка тут - все нормально
--------------------------------------------------------------------------------------- - - - - - - - - - - - - - - - - - - -
I Пункт 1 подменю I когда попадает сюда - подменю в ИЕ исчезает
I Пункт 2 подменю I
I Пункт 3 подменю I
I----------------------------I

vv74 · #3 21.08.2013 12:49

Не совсем. Пример:
http://magnat-kuhni.ru/test/menu_v.html
В IE(6,7) я не могу перейти на пункты
1.4 XHTML, 1.5 HTML 5 и 3.2 Mootools, 3.3 Prototype
- подменю сразу закрывается, как только становиться ниже главного

Xexe · #4 21.08.2013 14:24

да. Задай бэкгроунд.
Достаточно вот этого вроде
#nav li ul{
background: url(image-ie-fix.gif);
}

vv74 · #5 21.08.2013 15:19

Спасибо огромное, помогло:)

lesia · #6 21.10.2013 23:55

Доброго времени суток! У меня похожая проблема с меню - в ИЭксплорере нет перехода на подпункты... (((
Если можно, то посмотрите в ИЭ 6,7 страничку с заготовкой. - >>> http://sun-place.com/html-h11.htm
Пример стилей (html не прописываю, так его можно посмотреть на исходном коде)

Заранее благодарю!

Отредактированно lesia (21.10.2013 23:56)

lesia · 12.11.2013 09:44

ПроМблема решена... Можно не грузиться

Форум hotibo.ru

#1 20.08.2013 15:49

Проблемы в IE с вертикальным меню

#2 21.08.2013 11:20

Re: Проблемы в IE с вертикальным меню

#3 21.08.2013 12:49

Re: Проблемы в IE с вертикальным меню

#4 21.08.2013 14:24

Re: Проблемы в IE с вертикальным меню

#5 21.08.2013 15:19

Re: Проблемы в IE с вертикальным меню

#6 21.10.2013 23:55

Re: Проблемы в IE с вертикальным меню

#7 12.11.2013 09:44

Re: Проблемы в IE с вертикальным меню

Board footer