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:
##############################
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