[Typo3-german] GMENU_LAYERS - Position

Wed Nov 16 12:01:25 CET 2005

Hallo Manfred

Manfred Rutschmann schrieb am Montag, 7. November 2005 12:37 im
Beitrag
<mailman.1.1131363435.18634.typo3-german at lists.netfielders.de>:
> 
> Stephan Beimer schrieb:
> 
>> Hallo Liste,
>> 
>> nachdem ich nun endlich den Unterschied zwischen den Zuständen
>> verstanden habe, habe ich eine Frage zu Layermenüs.
>> Funktionieren tun sie ja, nur der aufklappende Eintrag der zweiten
>> Ebene erscheint immer oben links im Browser, trotz diverser
>> offset-Eigenschaften.
> 
> Hallo Stephan,
> 
> hab mir jetzt nicht alles Druchgelesen zwecks Zeitnot, aber kann es
> sein das Deine Seite Zentriert ist? Znetrierte Seiten un
> GMNENU_LAYERS funktioniert nicht.

Habe einen Hack gefunden, wie man das trotzdem hinkriegt (ok, noch
nicht ganz fertig getestet, aber ich muss zuerst noch ein anderes
Problem lösen):

Das Problem mit den GMENU_LAYERS ist ja, dass die Layer in einem DIV
mit nicht vorhersehbarer ID direkt auf das Body-tag folgen - bevor
irgend ein anderer Inhalt (DIVs etc) eingefügt werden. 
Das Zentrieren wird ja zB. mit (von css4you.de)
 <body style="text-align:center;">
  <div style="width:760px;margin:0px auto;text-align:left;">
   Seiteninhalt...
  </div>
 </body>
Die DIV-id der GMENU_LAYERS kennt man aber nicht... und die leigt
hier:
 <body style="text-align:center;">
  <div id=menuXYZ1234" ...>Submenu...</div>
  <div style="width:760px;margin:0px auto;text-align:left;">
   Seiteninhalt...
  </div>
 </body>
Man kann nun im TS-Template zB. den Body-tag anpassen:
 page.bodyTag = <body><div id="HMU">
und im HTML-Template dann zu beginn (nach dem body, der ja ersetzt
wird) ein "</div>" einsetzen...
Nun kann man mit CSS das DIV#HMU ebenfalls entsprechend zentrieren...

Ich habs ein bisschen anders gemacht, CSS:
body {
 padding: 0px;
 margin: 0px auto;
 width: 800px;
}

div#LayAussen {
 z-index: 0;
 position: absolute;
 width: 100%;
}

ein 
div#HMU {
 position: absolute;
}
hat mir dann die Menu-Layer wieder ans richtige Ort geschoben... :-)

Gruss
Christian