Hallo zusammen,
ich habe ein Problem mit einem TMENU_LAYERS.
Wenn ich ein Menu innerhalb von geschachtelten Div-Tags definiere:
<!-- ###DOCUMENT_BODY### start-->
<div class="rahmen">
<div class="menuBody">
<!-- ###USER_MENU### start-->
<!-- ###USER_MENU### stop-->
</div>
<div class="content">
Contentbereich
</div>
</div>
<!-- ###DOCUMENT_BODY### stop-->
Werden nur die Hauptnavigatoren innerhalb des angegebenen Tags generiert. Die Navigatoren der Ebene darunter stehen direkt hinter dem BODY-Tag:
<body onload="T3_onloadWrapper();">
<div id="Menuf09cf42" style="Z-INDEX: 9999; VISIBILITY: hidden; POSITION: absolute">
<a onfocus="blurLink(this);" href="produkt1.html">Produkt1</a><br />
<a onfocus="blurLink(this);" href="produkt2.html">Produkt2</a><br />
<a onfocus="blurLink(this);" href="produkt3.html">Produkt3</a><br />
<a onfocus="blurLink(this);" href="produkt4.html">Produkt4</a><br />
<a onfocus="blurLink(this);" href="produkt5.html">Produkt5</a><br /></div>
<!-- ###DOCUMENT_BODY### start-->
<div class="rahmen">
<div class="menuBody">
<div id="anchorIDd758eb7d11" style="VISIBILITY: hidden; POSITION: absolute"></div>
<div id="itemIDd758eb7d11" style="WIDTH: 100%; HEIGHT: 100%">
<a onmouseover="GL_hideAll(" f09cf4="" onfocus="blurLink(this);" onmouseout="GL_resetAll(" href="home.html">Home</a>
</div>
<div id="anchorID7c2f709aa1" style="VISIBILITY: hidden; POSITION: absolute"></div>
<div id="itemID7c2f709aa1" style="WIDTH: 100%; HEIGHT: 100%">
<a onmouseover="GL_hideAll(" f09cf4="" onfocus="blurLink(this);" onmouseout="GL_resetAll(" href="unternehmen.html">Unternehmen</a>
</div>
Das Problem welches ich damit habe ist, dass mein Div in welches ich meine Navigation einbinden will, dynamisch positioniert werden soll. Da die 2. Ebene aber nicht innerhalb des Divs steht, wird diese dann an der falschen Stelle angezeigt (siehe Bild im Anhang).
Ich habe bisher auch noch keine Möglichkeit gefunden, dies über einen Style zu korrigieren.
Hier ist einmal meine StyleSheet-Datei:
BODY {
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: "Arial", sans-serif;
BACKGROUND-COLOR: #a1a1a1;
}
DIV.rahmen {
position: absolute;
top: 25%;
left: 25%;
background-color: #ffffff;
width: 50%;
height: 50%;
}
DIV.menuBody {
POSITION: absolute;
LEFT: 2%;
TOP: 2%;
TEXT-ALIGN: left;
width: 25%;
border: 1pt solid #000000;
}
DIV.content {
POSITION: absolute;
LEFT: 29%;
TOP: 2%;
width: 69%;
height: 96%;
border: 1pt solid #000000;
text-align: center;
}
Und der Vollständigkeitshalber mein Setup:
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
tmp.layerMenu_1 = HMENU
tmp.layerMenu_1 {
1 = TMENU_LAYERS
1 {
expAll = 1
relativeToTriggerItem = 1
topOffset = 0
leftOffset = 40
NO.allWrap = |
}
2 = TMENU_LAYERS
2 {
relativeToParentLayer = 1
relativeToTriggerItem = 1
NO.allWrap = |<br />
}
}
page = PAGE
page {
includeCSS {
file1 = style*.css
}
}
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = template_im*.html
}
page.10.subparts.USER_MENU < tmp.layerMenu_1
Gruß Rolf