---
title: "Horizontales Menu-Submenu problem"
url: "https://www.typo3.net/d/36163-horizontales-menu-submenu-problem"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2006-01-13"
last_reply: "2006-01-13"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Horizontales Menu-Submenu problem

TYPO3 › Menüs · 0 Antworten · gestartet 2006-01-13

## Eröffnungsbeitrag

**MarshallMatters** · 2006-01-13 · [Beitrag #1](https://www.typo3.net/d/36163-horizontales-menu-submenu-problem/1)

Liebe Typo3ler

Meine Navigation läuft hervorragend auf meinem Bildschirm.
Jedoch, sobald ich mein Browserfenster kleiner mache, "rutscht" das submenu nach rechts. Sprich es stimmt nicht mehr mit dem Level 1 überein.
Es liegt sicherlich dran, dass ich der Ebene1 einen leftOffset=243 mache.
Gibt es eine möglichkeit dies irgendwie so zu definieren dass es wie mit html % mit der verschiebung des browsers immernoch stimmt?
Hier noch mein code:

```typoscript
############################## 
HAUPTEMENU: MENU_MAIN 
############################## 

   # Benoetigte Libaries einfuegen 
   page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php 

   # Menu erzeugen 
   temp.tmenu = HMENU 

   #Folgende UID's unterdrücken - wird in navi angezeigt
   #temp.tmenu.excludeUidList = 4,5,6,7,8,9

   temp.tmenu.special = directory
   temp.tmenu.special.value = 1


   ################ 
   # MENU EBENE 1 # 
   ################ 
     # Ebene 1 erzeugen 
     temp.tmenu.1 = TMENU_LAYERS 
     # Eigenschaften Ebene 1 
     temp.tmenu.1 { 

                layerStyle = position:absolute;VISIBILITY:hidden; 

                # Menu verankern, damit es nicht der Maus folgt 
                lockPosition = x 

                # Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
                relativeToParentLayer=1 
                relativeToTriggerItem=1 
                topOffset=135
                leftOffset=243
                # Angabe wann sich die naechste Ebene wieder schliessen soll 
                hideMenuWhenNotOver = 50 
                hideMenuTimer = 70 

                # alle Menuepunkte anzeigen 
                expAll=1 

                # Links welche keinen Link im Menu haben sollen, unter Constants definiert
                doNotLinkIt = {$DoNotLink}
                doNotLinkIt.wrap = <div class="donotlink"> | </div>

                # Darstellung der aktuellen Ebene 
                wrap = <table border="0" cellspacing="0" cellpadding="0" class="menu1_main" align="left"><tr height="30px"><td>    <img align="middle" src="http://chbbs222.ch.eds.com/tpfcc/fileadmin/templates/zenlight2col/images/trennbalken.gif" alt="" /></td>|</tr></table> 
                # Darstellung im Normalmodus 
                NO { 
                  allWrap = <td height="30px" class="menu1_main"> | </td>
                  linkWrap = |<img align="middle" src="http://chbbs222.ch.eds.com/tpfcc/fileadmin/templates/zenlight2col/images/trennbalken.gif" alt="" />
                   } 
                # Darstellung wenn Aktiv 
                ACT = 1 
                ACT { 
                     allWrap =  <td height="30px" class="menu1_main_act"> | </td>
		     linkWrap = |<img align="middle" src="http://chbbs222.ch.eds.com/tpfcc/fileadmin/templates/zenlight2col/images/trennbalken.gif" alt="" />
                     } 

                # Ende Ebene 1 
                } 


   ################ 
   # MENU EBENE 2 # 
   ################ 
     # Ebene 2 erzeugen 
     temp.tmenu.2 = TMENU_LAYERS 
     # Eigenschaften Ebene 1 
     temp.tmenu.2 { 

                layerStyle = position:absolute;VISIBILITY:hidden; 

                # Menu verankern, damit es nicht der Maus folgt 
                lockPosition = x 

                # Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
                relativeToParentLayer=1 
                relativeToTriggerItem=1 
                topOffset=0 
                leftOffset=140 


                # alle Menuepunkte anzeigen 
                expAll=1 

                # Links welche keinen Link im Menu haben sollen, unter Constants definiert
                doNotLinkIt = {$DoNotLink}
                doNotLinkIt.wrap = <div class="donotlink"> | </div>

                # Darstellung der aktuellen Ebene 
                wrap = <table border="0" cellspacing="0" cellpadding="0">|</table> 
                # Darstellung im Normalmodus 
                NO { 
                    allWrap = <tr><td class="menu1_main2"> | </td></tr> 
                   } 
                # Darstellung wenn Aktiv 
                ACT = 1 
                ACT { 
                     allWrap =  <tr><td class="menu1_main2_act"> | </td></tr> 
                    } 
                # Darstellung fuer Unterpunkte mit Subpunkten 
                IFSUB = 1 
                IFSUB { 
                     allWrap =  <tr><td class="menu1_main2_sub"> | </td></tr> 
                    } 

                # Ende Ebene 2 
                } 



   ################ 
   # MENU EBENE 3 # 
   ################ 
     # Ebene 3 erzeugen 
     temp.tmenu.3 = TMENU_LAYERS 
     # Eigenschaften Ebene 1 
     temp.tmenu.3 { 

                layerStyle = position:absolute;VISIBILITY:hidden; 

                # Menu verankern, damit es nicht der Maus folgt 
                lockPosition = x 

                # Position wo sich die naechste Ebene oeffnen soll (Ebene 3) 
                relativeToParentLayer=1 
                relativeToTriggerItem=1 
                topOffset=0 
                leftOffset=250 


                # alle Menuepunkte anzeigen 
                expAll=1 

                # Links welche keinen Link im Menu haben sollen, unter Constants definiert
                doNotLinkIt = {$DoNotLink}
                doNotLinkIt.wrap = <div class="donotlink"> | </div>

                # Darstellung der aktuellen Ebene 
                wrap = <table border="0" cellspacing="0" cellpadding="0">|</table> 
                # Darstellung im Normalmodus 
                NO { 
                    allWrap = <tr><td class="menu1_main3"> | </td></tr> 
                   } 
                # Darstellung wenn Aktiv 
                ACT = 1 
                ACT { 
                     allWrap =  <tr><td class="menu1_main3_act"> | </td></tr> 
                    } 
                # Darstellung fuer Unterpunkte mit Subpunkten 
                IFSUB = 1 
                IFSUB { 
                     allWrap =  <tr><td class="menu1_main3_sub"> | </td></tr> 
                    } 

                # Ende Ebene 2 
                }
```

wäre wirklich froh um eine Antwort.

Gruss Steven

---

Quelle: „Horizontales Menu-Submenu problem“, typo3.net, https://www.typo3.net/d/36163-horizontales-menu-submenu-problem
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
