---
title: "DIV Menü auf Seite zentrieren"
url: "https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2006-01-17"
last_reply: "2007-07-16"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# DIV Menü auf Seite zentrieren

TYPO3 › Menüs · 7 Antworten · gestartet 2006-01-17

## Eröffnungsbeitrag

**Unbekannter Benutzer** · 2006-01-17 · [Beitrag #1](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/1)

Hallo zusammen,

ich habe folgendes Problem und bekomme einfach nicht gelöst. Bevor jetzt wieder einige aufschreihen "Suche benutzen, etc." das habe ich schon gemacht. Nirgends scheint es eine Lösung für das Problem zu geben.

Also zurück zu meinem Problem:

Ich habe ein GMENU_LAYER in der Horizontalen mit einem TMENU_LAYER der in die Vertikale geht. Wenn das Browserfenster verkleinert oder vergößert wird ist das Menü nicht mehr richtig unter dem horizontalen Menüpunkt ausgerichtet.
Kennt hier jemand die Lösung?

```typoscript
# Hauptmenü
# Ebene 1
page.10.marks.NAV = HMENU
page.10.marks.NAV.special = directory
page.10.marks.NAV.special.value = 390
page.10.marks.NAV.1 = GMENU_LAYERS
page.10.marks.NAV.1.expAll=1
page.10.marks.NAV.1.lockPosition = x
page.10.marks.NAV.1.xPosOffset = -180
page.10.marks.NAV.1.topOffset = 275
page.10.marks.NAV.1.hideMenuWhenNotOver = 1
page.10.marks.NAV.1.hideMenuTimer = 250

page.10.marks.NAV.1.NO.backColor = #333333
page.10.marks.NAV.1.NO.transparentBackground = 1
page.10.marks.NAV.1.NO.XY = [10.w]+58, 40

# Normaldarstellung                                      
page.10.marks.NAV.1.NO.10 = TEXT
page.10.marks.NAV.1.NO.10.text.field = title
page.10.marks.NAV.1.NO.10.fontSize = 14
page.10.marks.NAV.1.NO.10.fontFile = fileadmin/ttf/lte50340.ttf
page.10.marks.NAV.1.NO.10.fontColor = #FFFFFF
page.10.marks.NAV.1.NO.10.offset = 33,25
page.10.marks.NAV.1.NO.10.niceText = 1

# Ebene 2
page.10.marks.NAV.2 = TMENU_LAYERS
page.10.marks.NAV.2.lockPosition = x 
 
# Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
page.10.marks.NAV.2.relativeToParentLayer=1 
page.10.marks.NAV.2.relativeToTriggerItem=1 
page.10.marks.NAV.2.topOffset=0 
page.10.marks.NAV.2.leftOffset=140
 
# alle Menuepunkte anzeigen 
page.10.marks.NAV.2.expAll=1  
page.10.marks.NAV.2.wrap = <div>|</div> 
page.10.marks.NAV.2.NO.allWrap = <div class="level2">|</div>

# Ebene 3
page.10.marks.NAV.3 = TMENU 
page.10.marks.NAV.3.wrap = <div>|</div> 
page.10.marks.NAV.3.NO.allWrap = <div class="level3">|</div>
```

Das mit dem "relativeToParentLayer=1" scheint ja auch nicht wirklich zu funktionieren.

Herzlichen Dank

Schöne Grüße
Organic

## Antworten

### [#2](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/2) · thebook · 2007-07-15

Moin,

hast Du die Sache in den Griff bekommen. Ich habe nahezu das gleiche Problem ...

### [#3](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/3) · Unbekannter Benutzer · 2007-07-15

Hi thebook,

ja ich habe das wie folgt gelöst.

```typoscript
# Hauptmenü
# Ebene 1
page.10.marks.NAV = HMENU
page.10.marks.NAV.special = directory
page.10.marks.NAV.special.value = 390
page.10.marks.NAV.1 = GMENU_LAYERS
page.10.marks.NAV.1.layerStyle = position:absolute; visibility: hidden; 
page.10.marks.NAV.1.topOffset = 35
page.10.marks.NAV.1.leftOffset = 30
page.10.marks.NAV.1.relativeToTriggerItem = 1
page.10.marks.NAV.1.displayActiveOnLoad = 0 
page.10.marks.NAV.1.hideMenuWhenNotOver = 20
page.10.marks.NAV.1.hideMenuTimer = 500
page.10.marks.NAV.1.expAll=1
page.10.marks.NAV.1.wrap = <table border="0" cellpadding="0" cellspacing="0"><tr> |</tr></table>

page.10.marks.NAV.1.NO.backColor = #333333
page.10.marks.NAV.1.NO.transparentBackground = 1
page.10.marks.NAV.1.NO.XY = [10.w]+58, 40

# Normaldarstellung                                      
page.10.marks.NAV.1.NO.10 = TEXT
page.10.marks.NAV.1.NO.10.text.field = title
page.10.marks.NAV.1.NO.10.fontSize = 14
page.10.marks.NAV.1.NO.10.fontFile = fileadmin/ttf/lte50340.ttf
page.10.marks.NAV.1.NO.10.fontColor = #FFFFFF
page.10.marks.NAV.1.NO.10.offset = 33,25
page.10.marks.NAV.1.NO.10.niceText = 1
page.10.marks.NAV.1.NO.wrap = <td>|</td>

# Rolloverdarstellung
page.10.marks.NAV.1.RO < page.10.marks.NAV.1.NO
page.10.marks.NAV.1.RO=1

# Ebene 2
page.10.marks.NAV.2 = TMENU_LAYERS
page.10.marks.NAV.2.lockPosition = x 
page.10.marks.NAV.2.hideMenuWhenNotOver = 20
page.10.marks.NAV.2.hideMenuTimer = 500

# Position wo sich die naechste Ebene oeffnen soll (Ebene 2) 
page.10.marks.NAV.2.relativeToParentLayer=1 
page.10.marks.NAV.2.relativeToTriggerItem=1 
page.10.marks.NAV.2.topOffset=0 
page.10.marks.NAV.2.leftOffset=140
 
# alle Menuepunkte anzeigen 
page.10.marks.NAV.2.expAll=1  
page.10.marks.NAV.2.wrap = <DIV>|</DIV> 
page.10.marks.NAV.2.NO.allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level2" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='7F7F7F'">|</td></tr></table></DIV>

# Ebene 3
page.10.marks.NAV.3 = TMENU 
page.10.marks.NAV.3.maxItems = 15
page.10.marks.NAV.3.wrap = <DIV>|</DIV> 
page.10.marks.NAV.3.NO.allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level3" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='#CCCCCC'">|</td></tr></table></DIV>
```

Das es funktioniert, kannst Du unter <http://www.fantasy.de> sehen.

Beste Grüße
Organic

### [#4](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/4) · thebook · 2007-07-15

Super! Danke für die Inspiration. Ich werde es nachher mal durchprobieren.

### [#5](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/5) · thebook · 2007-07-15

Hi, habs ausprobiert. Leider klappt sich die zweite Ebene nicht mehr aus. Darf ich Dich nochmal zum Drüberschauen missbrauchen ...
Wollte es für meine Zwecke etwas anpassen. Bei includen der beiden Libs habe ich schon Stress, daher habe ich den include des tmenu auskommentiert. Wenn ich ihn aktivieren, wird nichts mehr angezeigt.

```typoscript
page.includeLibs.gmenu_layers=media/scripts/gmenu_layers.php
#page.includeLibs.tmenu_layers=media/scripts/tmenu_layers.php

temp.navi2 = HMENU
temp.navi2 {
      #page.10.marks.NAV.special = directory
      #page.10.marks.NAV.special.value = 390

      1 = GMENU_LAYERS
      1 {
        layerStyle = position:absolute; visibility: hidden;
        topOffset = 35
        leftOffset = 30
        relativeToTriggerItem = 1
        displayActiveOnLoad = 0
        hideMenuWhenNotOver = 20
        hideMenuTimer = 500
        expAll=1
        wrap = <table border="0" cellpadding="0" cellspacing="0"><tr> |</tr></table>
        #erste Ebene
        
          NO.backColor = #333333
          NO.transparentBackground = 1
          NO.XY = [10.w]+58, 40
          # Normaldarstellung                                     
          NO.10 = TEXT
          NO.10.text.field = title
          NO.10.fontSize = 12
          NO.10.fontFile = fileadmin/ttf/fetteEngschrift.ttf
          NO.10.fontColor = #000000
          NO.10.offset = 33,25
          #NO.10.niceText = 1
          NO.wrap = <td>|</td>  
        # Rolloverdarstellung
        1.RO < NO
        1.RO=1
      }

      2 = TMENU_LAYERS
      2 {
        lockPosition = x
        hideMenuWhenNotOver = 20
        hideMenuTimer = 500       
        # Position wo sich die naechste Ebene oeffnen soll (Ebene 2)
        relativeToParentLayer=1
        relativeToTriggerItem=1
        topOffset=0
        leftOffset=140
        # alle Menuepunkte anzeigen
        expAll=1 
        wrap = <DIV>|</DIV>
        allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level2" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='7F7F7F'">|</td></tr></table></DIV>
      }
      
      3 = TMENU
      3 {
        maxItems = 15
        wrap = <DIV>|</DIV>
        NO.allWrap = <DIV style="background-color: #7F7F7F;"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="level3" onMouseOver="this.bgColor='#CCCCCC'" onMouseOut="this.bgColor='#CCCCCC'">|</td></tr></table></DIV> 
      }
}
```

### [#6](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/6) · thebook · 2007-07-15

... was auch immer ich das weggeschnipselt habe, es verhindert, das die gesamte 2te und dritte Ebene nicht mehr im HTML SourceCode angezeigt wird. Ich gehe davon, dass es ein Fehler beim rendern der 2ten Ebene gibt, sobald ich was weiss poste ich es hier ...

### [#7](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/7) · Unbekannter Benutzer · 2007-07-15

Hi,

die libs habe ich so includiert.

```typoscript
# Menüscripte Includieren  
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php 
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php

# CSS includieren
page.includeCSS.file1 = fileadmin/templates/css/layout.css
page.includeCSS.file2 = fileadmin/templates/css/mmenu.css
```

Wenn es dir reicht, werde ich mir dein Script morgen abend mal in Ruhe ansehen.

Gruß
Organic

### [#8](https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren/8) · thebook · 2007-07-16

... danke, passt schon! Ich komme auch erst dazu heute Abend weiter zu machen.

Die Scripte habe ich nun auch beide direkt im Page-Abschnitt drin. Damit sollte der eine Punkt mit dem verschwundenen Menu beim laden beider Scripte erledigt sein.

---

Quelle: „DIV Menü auf Seite zentrieren“, typo3.net, https://www.typo3.net/d/36344-div-menue-auf-seite-zentrieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.