---
title: "TMENU_LAYERS"
url: "https://www.typo3.net/d/47024-tmenu-layers"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2006-07-25"
last_reply: "2006-07-25"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# TMENU_LAYERS

TYPO3 › Menüs · 0 Antworten · gestartet 2006-07-25

## Eröffnungsbeitrag

**HeinzIseli** · 2006-07-25 · [Beitrag #1](https://www.typo3.net/d/47024-tmenu-layers/1)

#angry#
hallo leute
ich bin nächstens am verzweifeln. ich habe ein TMENU_LAYERS menu in die seite <http://grueter.adbw.net> eingebaut. das frunzt an sich alles. aber.....
die seite sollte zentriert sein. und da fängt mein problem an... wenn ich im css den body mit text-align: center; ausrichte, verschiebt sich das ausgeklappte untermenu  o.O
wenn ich die zeile im css auskommentiere, tuts genau so wie es soll...

hier noch der code:

# AutoMake Plugin
plugin.tx_automaketemplate_pi1.content = FILE
plugin.tx_automaketemplate_pi1.content.file = fileadmin/templates/template.html
plugin.tx_automaketemplate_pi1.elements.BODY.all = 1
plugin.tx_automaketemplate_pi1.elements.BODY.all.subpartMarker = DOCUMENT_BODY
plugin.tx_automaketemplate_pi1.elements.TD.all = 1
plugin.tx_automaketemplate_pi1.elements.DIV.all = 1

# Main Template
temp.mainTemplate = TEMPLATE
temp.mainTemplate.template =< plugin.tx_automaketemplate_pi1
temp.mainTemplate.workOnSubpart = DOCUMENT_BODY

# Top Navigation
temp.mainTemplate.subparts.topnav = HMENU
temp.mainTemplate.subparts.topnav.special = directory
temp.mainTemplate.subparts.topnav.special.value = 66
temp.mainTemplate.subparts.topnav.entryLevel = 1
temp.mainTemplate.subparts.topnav.1 = TMENU_LAYERS
temp.mainTemplate.subparts.topnav.1 {
useLargestItemX=1
layerStyle = position:absolute;VISIBILITY:hidden;
relativeToParentLayer = 1
relativeToTriggerItem = 1
topOffset=120
leftOffset = 0
xPosOffset = 0
lockPosition = x
expAll=1
hideMenuWhenNotOver = 1
hideMenuTimer = 70
wrap = <table border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table>
NO.allWrap = <td class="topnav"> | </td>
ACT = 1
ACT.allWrap =  <td class="topnav"> | </td>
}

# Top Navigation 2nd Level
temp.mainTemplate.subparts.topnav.2 = TMENU_LAYERS
temp.mainTemplate.subparts.topnav.2 {
layerStyle = position:absolute;VISIBILITY:hidden;
topOffset=5
leftOffset=50
xPosOffset =-50
lockPosition = x
expAll=1
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1

  wrap = <table border="1" bordercolor="000000" bgcolor="#FF6600" width='150' cellspacing="0" cellpadding="0" class="topnav1"><tr><td> |</td></tr> </table>

  NO.allWrap = <span class="topnav1"> | </span>

  ACT = 1
  ACT.allWrap =  <span class="topnav1_act"> | </span>

}

# Top Navigation 3rd Level
temp.mainTemplate.subparts.topnav.3 = TMENU
temp.mainTemplate.subparts.topnav.3 {
  wrap = <table border="1" bordercolor="666666" bgcolor="#FF6600" cellspacing="0" cellpadding="0" class="topnav2"><tr><td> | </td></tr></table>
  NO.allWrap =  <div align="left" class="topnav2"> | </div>
  ACT = 1
  ACT.allWrap =  <div align="left" class="topnav2_act"> | </div>
  }

das html template:
<html>
<head>
<title>Gr&uuml;ter AG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id='container'>
	<div id='intro'>
	    <div id='pageHeader'>
                      <h1><span>Gr&uuml;ter AG</span></h1>
	             <h2><span>Mit Liebe zum Detail</span></h2>
             </div>
         </div>

          <div id='content_left'>CONTENT_LEFT</div>
          <div id='content' class='content'>CONTENT</div>
          <div id='content_right'>CONTENT_RIGHT</div>
          <div id='content_border'>CONTENT_BORDER</div>

<div id='menu1' class='menu1'>MENU1</div>

<div id='topnav' class='topnav'>TOPNAV</div>

<div id='klickpfad' class='klickpfad'>KLICKPFAD</div>

</div>
</body>
</html>

und ein teil des css:
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   vertical-align: center;
   padding: 0px;
   margin: auto;
   background: transparent url(/fileadmin/templates/images/bodybackground.gif) repeat-y top center;
   scrollbar-DarkShadow-Color:#EEEEEE;
   scrollbar-Track-Color:#FFCC66;
   scrollbar-Face-Color:#F9E960;
   scrollbar-Shadow-Color:#F9E960;
   scrollbar-Arrow-Color:#F9F61A;
}

#container {
    width: 980px;
    margin: auto;
    padding: 0 0 0 0px;
    position: relative;
    top: 0px;
    text-align: left;
}

#container_home {
    position: relative;
    background: #FFF url(/fileadmin/images/layout/gebaeude.jpg) no-repeat;
    height: 500px;
    width: 978px;
}

#intro{
    min-width: 470px;
}

#pageHeader {
    margin-top: 0;
    background: #FFF url(/fileadmin/templates/images/logo.jpg) no-repeat;
    height: 88px;
}

#pageHeader h1, h2 {
    display: none;
}

#content_left {
   position:absolute;
   left:0px;
   top:140px;
   width: 195px;
   z-index:3;
   padding: 2px;
}

#content {
    position:absolute;
    top: 140px;
    left: 200px;
    width: 550px;
    z-index:3;
    padding: 2px;
}

#content_right {
    position:absolute;
    top: 140px;
    left: 800px;
    width: 180px;
    z-index:2;
    padding: 2px;
}

#content_border {
    position:absolute;
    top: 500px;
    margin: auto;
    text-align: center;
    z-index:20;
    padding: 20px;
}

/* Top Navigation Menu */

#topnav {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    width: 979px;
    margin: auto;
    padding: 0 0 0 0px;
    position: absolute;
    top: 100px;
    z-index: 99;
}

.topnav {
   font-variant: small-caps;
   background: #999999;
   padding: 5px;
}

.topnav a:link {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   border-left: 1px solid black;
   border-right: 1px solid black;
}
.topnav a:visited {
  font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   border-left: 1px solid black;
   border-right: 1px solid black;
}
.topnav a:active {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   color: white;
   border: 1px solid white;
}
.topnav a:hover {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   color: white;
   border-left: 1px solid white;
   border-right: 1px solid white;
   background: #993300;
}
.topnav_act a {
   font-size: 11px;
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   color: white;
   border-left: 1px solid white;
   border-right: 1px solid white;
}
.topnav_act a:visited {
   font-size: 11px;
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   color: white;
   border-left: 1px solid white;
   border-right: 1px solid white;
}
.topnav_act a:active {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   color: white;
   border-left: 1px solid white;
   border-right: 1px solid white;
}

.topnav_act a:hover {
   font-size: 11px;
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   color: white;
   border-left: 1px solid white;
   border-right: 1px solid white;
   background: #993300;
}

/* Top Navigation Menu 2nd Level */
.topnav1 {
   font-weight: normal;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-variant: small-caps;
}
.topnav1 a:link {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   margin: 2px;
   width: 150px;

}
.topnav1 a:visited {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   margin: 2px;
}
.topnav1 a:active {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   margin: 2px;
}
.topnav1 a:hover {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   margin: 2px;
   background: #993300;
}
.topnav1_act a {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   margin: 2px;
}
.topnav1_act a:visited {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   margin: 2px;
}
.topnav1_act a:hover {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   margin: 2px;
   background: #993300;
}

/* Top Navigation Menu 3rd Level */
.topnav2 {
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   font-variant: small-caps;
   width: 150px;
}
.topnav2 a:link {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   padding: 2px;
}
.topnav2 a:visited {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   padding: 2px;
}
.topnav2 a:active {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   padding: 2px;
}
.topnav2 a:hover {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   padding: 2px;
   background: #993300;
}
.topnav2_act a {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   padding: 2px;
}
.topnav2_act a:visited {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   padding: 2px;
}
.topnav2_act a:hover {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   font-variant: small-caps;
   text-decoration: none;
   color: white;
   padding: 2px;
   background: #993300;
}

kann mir da jemand helfen?

---

Quelle: „TMENU_LAYERS“, typo3.net, https://www.typo3.net/d/47024-tmenu-layers
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.