Глюк выпадающего меню в IE - HTML и CSS

Alexey_kor · 05.04.2011, 17:58

Попытался сделать выпадающее меню.
В мозилле и остальных нормальных браузерах все изначально было корректно, но в IE вначале оно в принципе не работало, потом заработало, но стало при наведении на него курсора "прыгать", нашел как исправить и это. Но теперь какая-то странная вещь. Меню выпадает, я могу навести курсор и выбрать первую вкладку подменю, но если пытаюсь навести курсор на 2-.... вкладку подменю, то оно сразу исчезает. Помогите исправить, пожалуйста. Вот код:

Код HTML:

<head>
<title>KORVIK Mathematiс theory of games</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />


<link href="images/style.css" rel="stylesheet" type="text/css" />
<!--[if IE]><link type="text/css" rel="stylesheet" href="images/styleie.css" /><![endif]-->

<script type="text/javascript">
jsHover = function() {
var hEls = document.getElementById("left").getElementsByTagName("LI");
for (var i=0, len=hEls.length; i<len; i++) {
hEls[i].onmouseover=function() { this.className+=" jshover"; }
hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
}
}
if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
</script>

</head>

<body>
<div id="top">

<img id="img_banner" src="images/banner.jpg" width="1280" height="140" />
<p><a href="index.html">Главная</a> | <a href="writeus.html">Напишите нам!</a> | <a href="#">Кто такой KorVik?</a></p>


<div id="left">

<ul>

<li><a href="Dendy.Sega.html">История</a></li>
<li><a href="SP.html">Представление игр</a>

<ul>
<li><a href="#">Экстенсивная форма</a></li>
<li><a href="#">Нормальная форма</a></li>
<li><a href="#">Характеристическая функция</a></li>
</ul>


</li>
<li><a href="PSP.html">Применение теории игр</a>
<ul>
<li><a href="#">Описание и моделирование</a></li>
<li><a href="#">Нормативный анализ</a></li>
</ul>
</li>
<li><a href="microsoft.html">Типы игр</a>
<ul>
<li><a href="#">Кооперативные и некооперативные</a></li>
<li><a href="#">Симметричные и несимметричные</a></li>
<li><a href="#">С нулевой суммой и ненулевой суммой</a></li>
<li><a href="#">Параллельные и последовательные</a></li>
<li><a href="#">С полной и неполной информацией</a></li>
<li><a href="#">Игры с беконечный числом шагов</a></li>
<li><a href="#">Дискретные и непрерывные игры</a></li>
<li><a href="#">Метаигры</a></li>
</ul></li>
<li><a href="Dendy.Sega.html">Проверьте себя</a></li>
</ul>
<h6>&nbsp;</h6><br />
</div>


<div id="right">
<h3>Поисковик в помощь!</h3>
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'ru'});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('003433411282210772121:ei4k23agtje');
    customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> 
<h6>&nbsp;</h6>
<h3>Чат</h3>
<center><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="145" height="305" src="http://www6.cbox.ws/box/?boxid=332607&amp;boxtag=5e2htn&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" name="cboxmain"
style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<center>
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="movie" value="http://site.ru/uppod.swf" />
<param name="flashvars" value="st=;file=" /></object></center>
<div><iframe frameborder="0" width="145" height="75" src="http://www6.cbox.ws/box/?boxid=332607&amp;boxtag=5e2htn&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" name="cboxform" style=
"border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></center>
<h6>&nbsp;</h6>

</div>



<div id="content">
<h2>Добро Пожаловать</h2>

</div>
<div id="footer">


</div></div></body>


</html>

Alexey_kor · 05.04.2011, 17:59

Код HTML:

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#393733;
text-align:center;
margin:0;
padding:0;
background-color:#999;
background-image:url(bg_body.gif);
background-repeat:repeat;
}
#top{
width:1280px;
text-align:left; 
margin:10px auto;
background-color:#fff;
border:1px solid #bbb;
}


#img_banner {
margin:0 0 10px;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
}
a {
color:#578cca;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#c00;
text-decoration:underline;
}
a img {
border:0;
}
p {
margin:0 0 1.4em 15;
}
#left{
width:200px;
clear:left;
float:left;
margin:0 3px 0 4px;
padding:0;
}

#left h2{
color:#a12a2a;
font-size:110%;
text-align:center;
margin:0 0 8px 0;
padding:0;
}
#left h3 {
color:#4e463f;
font-size:110%;
text-align:center;
margin:0 0 8px 0;;
padding:0;
}
#left h6 {
color:#4e463f;
font-size:80%;
text-align:center;
margin:0 8px 0 8px;
padding:0;
border-bottom:#bbb 1px solid;
}

#left ul {
width:190px;

margin:0 0 18px 0;
padding:0;
background-color:transparent;
list-style-type:none;
}

#left ul li {
	padding:0;
margin:0;

 position: relative;

}

#left ul li a {
  width:190px;
background:#f8f8f8;
color:#105cb6;
font-size:80%;
font-weight:bold;

margin-bottom:3px;
padding:4px 1px 4px 5px;
border:1px solid #eee8dd;
text-decoration:none;
 display: block;

  } 





#left li a:hover, #left li a.active{
color:#50470d;
background-color:#f2f2f2;
border:1px solid #e45b00;
text-decoration:none;
}




#left li ul {
  position: absolute;
  left: 190px;
 
top: 0;
  display: none;

  }
#left li:hover ul, #left li.jshover ul { display: block; }
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ 

#right {
width:200px;
float:right;
margin:0 5px;
padding:0;
line-height:1.4em;
}

#right h2{
color:#4e463f;
font-size:80%;
text-align:center;
margin:0 0 8px;
padding:0;
}
#right h3 {
color:#578cca;
font-size:80%;
text-align:center;
margin:0 0 8px;
padding:0;
}
#right h6 {
color:#505050;
font-size:80%;
text-align:center;
margin:0 8px 0 8px;
padding:0;
border-bottom:#bbb 1px solid;
}
#right p{
font-size:70%;
margin:0 8px;
padding:0;
}
#right ul{
font-size:70%;
margin:0 8px 0 8px;
padding-left:14px;
}
#content {
margin:0 210px 5px 210px;
padding:0 10px;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
line-height:1.5em;
}
#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#105cb6;
padding:0;
margin:0 20px;
border-bottom:#bbb 1px solid;
}
#content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#4e463f; 
padding:0;
margin:20px;
border-bottom:#bbb 1px solid;
}
#content p{
font-size:80%;
margin:20px;
}
#content ul{
font-size: 80%;
margin:0 25px;
list-style-type:square;
}
strong {
color:#e45b00;
}
#footer{
clear:both;
width:760px;
color:#8696a4;
text-align:center;
margin:0 auto;
padding:15px 0;
border-top:1px solid #bbb;
background-color:#f4f6fb;
}
#footer p{
font-size:70%;
margin:0;
padding:0;
}
#footer a {
color:#578cca;
text-decoration:underline;
}
#footer a:hover {
color:#bbb;
text-decoration:underline;
}
.textright {
text-align:right;
}
.left {
margin:3px 10px 2px 0;
float:left;
}
.right {
margin:2px 0 2px 10px;
float:right;
}

Alexey_kor · 08.04.2011, 15:54

Неужели ни у кого вообще никаких идей нет?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
центрирование горизонтального выпадающего меню	deface2k9	HTML и CSS	2	23.08.2010 16:21
Выделение отцовского пункта выпадающего меню во время прохода по дочерным. Как воплотить?	Dim23	HTML и CSS	3	20.03.2010 23:57
Фильтрация выпадающего списка.Проблема.	andrewvd	Microsoft Office Excel	2	24.08.2009 10:03
Прокрутка выпадающего списка	SAndrus	Microsoft Office Excel	2	16.06.2007 17:52
Ширина выпадающего списка	Python	Microsoft Office Excel	8	11.03.2007 06:31

08.04.2011, 15:54	#3
Alexey_kor Пользователь Регистрация: 29.01.2011 Сообщений: 19	Неужели ни у кого вообще никаких идей нет?