Zum Inhalt springen

Drop-Down Menu in IE funzt nicht

Erstellt am 21. April 2010 · 1 Antwort · letzte Antwort am 29. April 2010

Tags: HTML & CSS, Frage

menikin ·

Hallo Leute,
ich habe folgendes Menu gebaut. Funzt auch alles super (im Firefox, nur im IE haut es nicht hin. 😉
Könnt ihr mir sagen woran es liegt?

marks.subnavi = HMENU
marks.subnavi {
  entryLevel = 1
  1 = TMENU
  1 {
  expAll = 1
  wrap = <div class="cssmenuWrap"><ul id="nav2">|</ul></div>
  noBlur = 1
  NO = 1
  NO.wrapItemAndSub = <li class="menuparent">|</li>

  ACT = 1
  ACT.wrapItemAndSub = <li class="li_act">|</li>
  IFSUB = 1
  IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
  IFSUB.ATagParams = class="ifsubarrow"
  ACTIFSUB = 1
  ACTIFSUB.wrapItemAndSub = <li class="li_act menuparent">|</li>
  ACTIFSUB.ATagParams = class="ifsubarrow"
  }
  2 < .1  
  2.wrap = <ul>|</ul>

  3 < .2
  4 < .2
  }
ul#nav2 {
	background-image:url(img/subnav.png);
	background-repeat:repeat;
	width:490px;
	height:200px;
	font-size:12px;
	font-family:Arial;
	color:#000;}

ul#nav2 a {
	padding-top:4px;
	}

ul#nav2, ul#nav2 ul {
	margin:0pt;
	padding:0pt;
	margin-left:250px;
	padding-left:20px;
	padding-top:10px;
	color:#000;
}

ul#nav2 li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
	padding-left:20px;
}

ul#nav2 li a {
	display:block;
	text-decoration:none;
	color:#000;
   }

ul#nav2 li.li_act a {
	color:#000;
}

* html ul#nav2 li {
	float:left;
	height:1%;
}

* html ul#nav2 li a {
	height:1%;

}

ul#nav2 ul {
	display:none;
	margin-left:190px;
	padding-left: 15px;
	padding-right: 10px;
	position:absolute;
	top:0px;
	font-size:12px;
	padding-top: 5px;
	z-index: 1000;
	text-align: left;
	float: left;
}

ul#nav2 ul a {color:#000000;}
ul#nav2 ul a:hover {color:#e2003b;}
ul#nav2 a {color:#00000;}
ul#nav2 a:hover {color:#e2003b;}

ul#nav2 li:hover ul ul, 
ul#nav2 li:hover ul ul ul, 
ul#nav2 li.over ul ul, 
ul#nav2 li.over ul ul ul {
	display:none;
}
ul#nav2 li:hover ul, 
ul#nav2 li li:hover ul, 
ul#nav2 li li li:hover ul, 
ul#nav2 li.over ul, 
ul#nav2 li li.over ul, 
ul#nav2 li li li.over ul {
	display:block;
}
ul#nav2 li.menuparent:hover, 
ul#nav2 li a:hover {
}

Kreative Grüße

algiz ·

Der IE (bis Version 6) kennt die Pseudoklassen :hover nur für a-Tags mit href-Attribut.

Ein Workaround dafür ist, für den IE per Javascript eine Klasse zu setzen (und auch wieder zu entfernen), für die im CSS die gleichen Angaben gelten wie für :hover.