Hi all,
ich gestalte zur Zeit eine Seite, die komplett CSS gestyled ist.
Es ist ein zentriertes Layout. Eine Headline steht über dem Layout. Danach folgt zweispaltig (links mit float) ein submenü (vertikal) und ein Hauptmenü (horziontal).
Normalerweise kann ich mit dem Befehl relativeToTriggerItem = 1 mein GMENU_LAYER so anzeigen lassen, dass es relativ zum Button auftaucht.
Wenn ich diese Option jedoch aktiviere, wrappt er mir jedes Menü Element in ein Div mit 100% Breite und 100% Höhe, was, wie Ihr Euch sicher vorstellen könnt, das Layout zerschiesst.
Davon abgesehen zeigt er die erste Ebene (den Layer) nicht an der richtigen Position an. Sondern ganz links am Rand des Browsers.
Offensichtlich kann er die Positionen nicht errechnen. Liegt das evtl. an dem DIV Layout?
Auch ein wrappen in eine Tabelle bringt hier nichts. Auch das korrigiert nicht die Position meines Layers.
Kann mir jemand helfen???
Hier mein Setup für das Menü:
#########################################
# Hauptnavigation Navigation
#########################################
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
page.10.marks.NAVIGATION = HMENU
page.10.marks.NAVIGATION.1 = GMENU_LAYERS
page.10.marks.NAVIGATION.1 {
layerStyle = position:absolute;width:200px;VISIBILITY:hidden;
lockPosition = x
expAll = 1
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver = 1
# wrap = <table border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table>
}
page.10.marks.NAVIGATION.1.NO {
wrap = |<img src="/fileadmin/template/media/nav_trenner.gif" border="0">
XY = [10.w]+25,24
backColor = #000099
# wrap = <td>|</td>
10 = TEXT
10.fontFile = fileadmin/template/fonts/FUTCB.TTF
10.fontSize = 12
10.spacing = 0
10.fontColor = #ffffff
10.text.field = title
10.offset = 0,18
10.align = center
10.niceText = 0
10.quality = 100
10.antiAlias = 1
}
page.10.marks.NAVIGATION.1.RO < page.10.marks.NAVIGATION.1.NO
page.10.marks.NAVIGATION.1.RO = 1
page.10.marks.NAVIGATION.1.RO {
backColor = #ffffff
10.fontColor = #000099
}
page.10.marks.NAVIGATION.1.ACT < page.10.marks.NAVIGATION.1.RO
page.10.marks.NAVIGATION.1.ACT = 1
page.10.marks.NAVIGATION.1.ACT {
backColor = #ffffff
10.fontColor = #000099
}
page.10.marks.NAVIGATION.2 = GMENU
page.10.marks.NAVIGATION.2.wrap = |<BR>
page.10.marks.NAVIGATION.2.NO {
XY = 200,24
backColor = #000099
10 = TEXT
10.fontFile = fileadmin/template/fonts/FUTCB.TTF
10.fontSize = 11
10.spacing = 0
10.fontColor = #ffffff
10.text.field = title
10.offset = 10,18
10.align = left
10.niceText = 0
10.quality = 100
10.antiAlias = 1
}
Hier das Layout meiner Seite:
<!-- ###DOCUMENT_BODY### -->
<div id="page">
<div id="pageHeadline">
<div id="pageSprachen">###sprachen###</div>
<div id="pageBrotkrumen">###breadcrumb###</div>
###HEADER###
</div>
<div id="pageNav">
<div id="subnav">###subnavi###</div>
</div>
<div id="content">
<div id="pageMainNav"><img src="/fileadmin/template/media/nav_trenner.gif" border="0">###NAVIGATION###</div>
<div id="pageInhalt">
<div id="backgroundImage">###headline_grafik###</div>
<div id="InhaltHeadline"> ###headline### </div>
<div id="InhaltLinks">###inhalt_links### </div>
<div id="InhaltRechts">###inhalt_rechts###</div>
</div>
</div>
<div id="pageFooter"></div>
</div>
<!-- ###DOCUMENT_BODY### -->
Dass CSS packe ich jetzt mal nicht dabei. Das würde den Rahmen sprengen! Aber vielleicht kennt ja jemand das Problem ???
Grüße
Sven