---
title: "darstellungsfehler im dropmenü (horizontal)"
url: "https://www.typo3.net/d/67147-darstellungsfehler-im-dropmenue-horizontal"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2007-08-22"
last_reply: "2007-08-23"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# darstellungsfehler im dropmenü (horizontal)

TYPO3 › Menüs · 2 Antworten · gestartet 2007-08-22

## Eröffnungsbeitrag

**Markus306** · 2007-08-22 · [Beitrag #1](https://www.typo3.net/d/67147-darstellungsfehler-im-dropmenue-horizontal/1)

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](http://www.funpic.de/bilder/fotoalben/big/9/98/987419/00155645e95f0d3a3eebb4393ecab69a.jpg)

```typoscript
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
}
```

```html
#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;
}
```

## Antworten

### [#2](https://www.typo3.net/d/67147-darstellungsfehler-im-dropmenue-horizontal/2) · Unbekannter Benutzer · 2007-08-22

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

### [#3](https://www.typo3.net/d/67147-darstellungsfehler-im-dropmenue-horizontal/3) · Markus306 · 2007-08-23

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 :(

---

Quelle: „darstellungsfehler im dropmenü (horizontal)“, typo3.net, https://www.typo3.net/d/67147-darstellungsfehler-im-dropmenue-horizontal
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.