---
title: "2Menue ebene hängt an der maus fest"
url: "https://www.typo3.net/d/50606-2menue-ebene-haengt-an-der-maus-fest"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2006-09-26"
last_reply: "2006-09-26"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# 2Menue ebene hängt an der maus fest

TYPO3 › Menüs · 0 Antworten · gestartet 2006-09-26

## Eröffnungsbeitrag

**d_designer** · 2006-09-26 · [Beitrag #1](https://www.typo3.net/d/50606-2menue-ebene-haengt-an-der-maus-fest/1)

Hallo habe das relativeToTriggerItem auskommentiert weil das menue sonst nicht im mozilla angezeigt wird. jetzt hängt aber die zweite menueebene am zeiger im bereich der ersten ebene. Kann mir da bitte jemand helfen sehr sehr wichtig.

```html
.eins  { color: #ffffff; font-size: 10px;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 width: 2px; text-decoration: none;
	 margin: 0px 0px 0px 0px; padding: 3px 14px 5px 5px; white-space: nowrap;}

.eins:hover { color: #04388E; font-size: 10px; }



/*------------ Bereich für Links der 2. Navigationsebene  ------------*/
.zwei       {
	
	width: 140px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #ffffff;
	background-color : #014EA0;
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	float: left;
}

.zwei:hover {
	color: #5184BD;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.drei       {
	width: 140px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #ffffff;
	background-color : #014EA0;
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	float: left;
}

.drei:hover {
	color: #5184BD;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}




.ft10px666666 { color: #999999; font-size: 10px; font-family: Verdana }
.ft10px333333  { color: #999999; font-size: 10px; font-family: Verdana }
.ft10px666667 { color: #999999; font-size: 10px; font-family: Verdana }

.formular { color: #004D9F; font-size: 10px; font-family: Verdana; background-color: #FCFCFD; border: solid 1px #004D9F }
.formulare { color: #004D9F; font-size: 10px; font-family: Verdana; background-color: #FFFFFF; border: solid 1px #004D9F }

.navi { color: #FCFCFD; font-size: 11px; font-family: Verdana; text-decoration: none;}
.navi:hover { color: #9EC2FD; font-size: 11px; font-family: Verdana }
.navi_active { color: #9EC2FD; font-size: 11px; font-family: Verdana; text-decoration: none }

h1 { color: #04388E; font-size: 14px; font-weight: bold; font-family: Verdana }
.bodytext { color: #999999;; font-size: 10px; font-family: Verdana}
.bodytext a { color: #999999;; font-size: 10px; font-family: Verdana; font-weight: bold }

.sitemap {font-size:10px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif}
.sm1 {font-size:10px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif}
.sm2 {font-size:10px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif}
.sm3 {font-size:10px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif}


#headerimg
{
position: absolute;
left: 0px; top: 0px; width: 1002px; height: 63px; z-index: 1;
vertical-align: middle;
}

#navi
{
position: absolute;
left: 0px; top: 63px; width: 1002px; height: 21px; z-index: 2;
background-image: url(../img/img_neu/navi.jpg);
vertical-align: middle;
}

#Layer1
{
position: absolute;
width: 301px;
height: 112px;
left: 588px;
top: 154px;
z-index: 22;
}

#hintergrund
{
position: absolute;
left: 0px;
top: 84px;
width: 1002px;
height: 264px;
z-index: 4;
vertical-align: middle;
}

#menue
{
position: absolute;
left:0px;
top: 86px;
width: 117px;
height: 320px;
z-index: 5;
vertical-align: middle;
overflow: hidden;
}

#inhalt
{
position: absolute;
left:527px;
top: 99px;
width: 476px;
height: 239px;
z-index: 6;
vertical-align: middle;
layer-background-color: #FF0000;
overflow: auto;
}

#inhalten
{
position:absolute;
width:1002px;
height:228px;
z-index:15;
left: 0px;
top: 348px;
background-image:url(../img/clear.gif);
```

}

```typoscript
  	marks.NAVI = HMENU
  	marks.NAVI.1 = TMENU_LAYERS  
  	marks.NAVI.1 {  	
  			layerStyle = position:absolute;left:0px;top:35;width:10px;VISIBILITY:hidden;
  			xPosOffset = -1
    			lockPosition = 200
  			hideMenuWhenNotOver = 1
			expAll = 1
			leftOffset = 0
   			topOffset = 80
   			#relativeToTriggerItem = 1
   			NO { 
			allWrap = <span class="eins">|</span>
  			ATagParams=class="eins" 			   			       			     
  			  }	
  		      }
  	marks.NAVI.2 = TMENU_LAYERS
  	marks.NAVI.2 {
  		     layerStyle = position:absolute;top:35;width:1px;left:0px; VISIBILITY:hidden;
  			xPosOffset = -100
   			lockPosition = 200
  			hideMenuWhenNotOver = 1
			expAll = 1
  			leftOffset = 310
   			topOffset = 90
   			relativeToTriggerItem = 1
  			NO { 
			allWrap = |
  			ATagParams=class="zwei" 
  			}
	
			}  	  		     
  marks.NAVI.3 = TMENU_LAYERS
  	marks.NAVI.3 {
  			layerStyle = position:absolute;left:0px;top:100;width:100px;VISIBILITY:hidden;
  			xPosOffset = -500
    			lockPosition = 100
  			hideMenuWhenNotOver = 1
			expAll = 1
  			leftOffset = 90
   			topOffset = 1
   			relativeToTriggerItem = 1
  			NO { 
			allWrap = |
  			ATagParams=class="drei" 
  			} 

	
			}
```

---

Quelle: „2Menue ebene hängt an der maus fest“, typo3.net, https://www.typo3.net/d/50606-2menue-ebene-haengt-an-der-maus-fest
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.