Zum Inhalt springen

darstellungsfehler im dropmenü (horizontal)

Erstellt am 22. August 2007 · 2 Antworten · letzte Antwort am 23. August 2007

Tags: HTML & CSS, Frage

Markus306 ·

Hallo wie man auf dem Bild sehen kann habe ich einen Darstellungsfehler. Das Menü wird von Bilder und Movieclips überdeckt.

Anbei mein TS CODE und CSS. Habe schon mit z-index was probiert, aber hat leider nicht geholfen.

Bild: funpic.de/…/00155645e95f0d3a3eebb4393ecab69a.jpg

tmp.menu = HMENU
tmp.menu {

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

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

	3 < .2
	4 < .2
}
#nav {
	z-index:999;
	width:705px;
}

 
 
#nav, #nav ul {
	float: left;
	
	list-style: none;
	line-height: 20px;
	background: #6E82A0;
	color: #FFF;
	font-size:11px;
	font-weight:normal;
	padding: 0;
}
 
#nav li li {
	background:#6E82A0;
}
 
#nav a {
	display: block;
	
	color: #FFF;
	text-decoration: none;
}

 
#nav li {
	float: left;
	padding: 0px 10px;
}
 
#nav ul li a {
	color: #FFF;
	font-size:11px;
	font-weight:normal;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px;
	font-weight: normal;
	margin: 0;
}
 
#nav li li {
	width: 140px;
}
 
#nav li ul a {
}
 
#nav li ul ul {
	margin: -21px 0 0 150px !important;
	margin: -21 0 0 130px ;
	border-left: 1px solid #A0B4BE;
}




#nav li ul  {
	margin: 0px 0 0 -10px !important;
	margin: 0 0 0 -10px ;
	border-top: 1px solid #A0B4BE;
}



 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li li:hover,#nav li li:active, #nav li li.sfhover {
	background: #28325A;
}
 

 
#nav li li a {
	padding-left:0px;
}
 
#nav li ul  {
	background-image: none;
}
Unbekannter Benutzer ·

Wird wohl ein Problem mit z-index sein. Wie sieht dein restliches CSS aus?
Flash und Dropdown ist übrigens auch ein Problem, da solltest du mit SWFObject arbeiten (googlen).

Grüße
Christian

Markus306 ·

fehler ist behoben und gefunden. aber wenn ich im ie den schriftgrad mit strg + + erhöhe dann ist die box der dritten menü ebene je nach schriftgrad sehr weit weg von der 2. menü-ebene. hab das menü im grunde von just2b.com nur da ist das auch so 🙁