hi,
hab grad ein Prob mit meinem Layermenu. Und zwar sollen sich alle meine Inhalte relativ zum Body immer mittig bewegen (was ich dadurch mach, daß alle Inhalte in ein div eingeschlossen hab, dessen id sich relativ zum Body befindet, wohingegen alle anderen Inhalte absolut zu diesem div positioniert sind). Klappt auch alles ganz prima. Nur ein Problem gibt es, und zwar wenn ich mein Layermenu baue, befindet sich der eigentliche Layer auserhalb des divs, und bleibt somit beim Aufziehen des Browsers an seier ursprünglichen Stelle.
Kann mir vielleicht jemand einen Rat geben, wie ich das korrigieren kann, sodaß der Layer beim Aufziehen des Browser so wie die anderen Elemente sich mit bewegt und sich nicht stur an der linke Browserkante ausrichtet? Gehen muß es ja irgendwie, weil den Aufbau meines Layermenus hab ich mit Hilfe des Tutorials von der Seite : http://www.mcuniverse.com und da klappt das ja auch.
Wär über jeden Rat dankbar, weil bin grad echt schier am verzweifeln.
Bei solchen Problem wäre es immer sehr sinnvoll deinen COde vom menu zu posten
Hier erst mal mein Code der Layernavigation
## Haupt-Navigation mit Layern ##
# includiert Datei zur Erzeugung von TMenu-Layern (notwendig)
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
# erstellt Menu (HMENU muß erste Angabe sein, daß TypoScript weiß, daß
# es sich bei cObject um ein Menu handelt)
temp.menu_top = HMENU
## Erste Ebene ##
temp.menu_top {
# gibt an, welche Seiten für Topnavigation genommen werden sollen
special = list
special.value = 36,37,38,39
# an Position 1 (könnte auch beliebige andere sein) soll Textmenu aus Layer entstehen
1 = TMENU_LAYERS
1 {
## Eigenschaften für untergeordneten Layer in Abhängigkeit zu Hauptmenu ##
# Styleeigenschaften für Layer
layerStyle = position:absolute; VISIBILITY:hidden;
# Layer horizontal feststehend
# defaultmäßig würde Layer mit Maus (horizontal) mitgehen
#lockPosition = x (nicht benötigt bei relativeToTriggerItem = 1)
# vertikaler Abstand des einzublendenen Layers vom Bezugspunkt
topOffset = 95
# horizontaler Abstand des einzublendenen Layers vom Bezugspunkt
leftOffset = 234
# relativ zu übergeordnetem (auslösendem) Menupunkt ausgerichtet
relativeToTriggerItem = 1
# Pixelabstand, nach dem Layer wieder versteckt wird, wenn Maus nicht mehr
# auf Obermenupunkt
hideMenuWhenNotOver = 50
# Zeit in Millisekunden, nach der Layer versteckt wird, wenn Maus von Menupunkt
hideMenuTimer = 60
# zeigt Untermenu auch dann an, wenn Punkt nich angeklickt ist
# (wichtig für onmouseover-Effekt)
expAll = 1
# wie komplette Hauptnavigation umschlossen wird
wrap = <table border="0" cellpadding="0" cellspacing="0"><tr>|</tr></table>
# wie einzelnen Menuelemente umschlossen werden sollen
NO.allWrap = <td> | </td>
#was nach dem Menueintrag stehen soll
NO.after = <td width="65"></td>
# zusätzliche Angaben zum a-Tag
NO.ATagParams = class="hauptnavi"
# Eigenschaften für activen Link zusätzlich definieren
ACT <.NO
ACT = 1
ACT.ATagParams = class="hauptnavi-aktiv"
}
## Zweite Ebene ##
# an Position 2 soll Textmenu aus Layer entstehen
2 = TMENU
2 {
# wie Unternavi-Layer umschlossen werden soll
wrap = <table class="secnavi" cellpadding="0" cellspacing="0">|</table>
NO.allWrap = <tr><td class="layersecnavi">|</td></tr>
NO.ATagParams = class="secnavi"
}
}
und hier noch mal mein html-Template
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Vereinigte Volksbank AG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<!--Innerhalb diesem Div spielt sich - bis auf den Layer der Hauptnavi - alles ab-->
<div id="background">
<div id="head-pic"><img src="images/head.jpg"></div>
<div id="logo"><img src="images/logo.gif"></div>
<div id="background-hauptnavi"></div>
<div id="hauptnavi">
###Hauptnavi###
<!-- Dummy-Inhalt anfang -->
<a href="" class="hauptnavi-aktiv">Die Privatkunden</a>
<a href="" class="hauptnavi">Die Firmenkunden</a>
<a href="" class="hauptnavi">Die Bank</a>
<a href="" class="hauptnavi">Die OnlineWelt</a>
<!-- Dummy-Inhalt ende-->
###Hauptnavi###
</div>
<div id="background-left" class="text-left">
###Navi_Links###
<!-- Dummy-Inhalt anfang -->
<table width="202" border="0" cellspacing="0" cellpadding="1">
<tr>
<td colspan="4" height="5"></td>
</tr>
<tr>
<td> </td>
<td colspan="3" bgcolor="#FF9966"><a href="karte_konto.html" class="linke-navi">Karte & Konto</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="2" bgcolor="#FF9966"><a href="kontomodelle.html" class="linke-navi">Kontomodelle</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td bgcolor="#FF9966"><a href="vr_konto_direkt.html" class="linke-navi">VR-Konto-Direkt</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><a href="vr_konto_standard.html" class="linke-navi">VR-Konto-Standard</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><a href="vr_konto_komplett.html" class="linke-navi">VR-Konto-Komplett</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><a href="vr_konto_standard_plus.html" class="linke-navi">VR-Konto-Standard-Plus</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><a href="uebersicht_ausdruck.html" class="linke-navi">Übersicht zum Ausdruck</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="2"><a href="karten.html" class="linke-navi">Karten</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="2"><a href="directbanking.html" class="linke-navi">DirectBanking</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="anlegen.html" class="linke-navi">Anlegen & Ansparen</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="vorsorge.html" class="linke-navi">Vorsorge & Absichern</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="wuensche.html" class="linke-navi">Wünsche finanzieren</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="eigenesheim.html" class="linke-navi">Eigenes Heim</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="immobilien.html" class="linke-navi">Immobilien</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="jungebank.html" class="linke-navi">Junge Bank</a></td>
</tr>
</table>
<!-- Dummy-Inhalt ende -->
###Navi_Links###
</div>
<div id="layer01"></div>
<div id="navi-left-unten" class="text-content">
###Navi_Unten###
<!-- Dummy-Inhalt anfang -->
<table width="202" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td colspan="3"><a href="impressum.html" class="linke-navi">Impressum</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="sitemap.html" class="linke-navi">Sitemap</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="kontakt.html" class="linke-navi">Kontakt</a></td>
</tr>
<tr>
<td colspan="4" height="2"></td>
</tr>
<tr>
<td> </td>
<td colspan="3"><a href="agb.html" class="linke-navi">AGB</a></td>
</tr>
</table>
<!-- Dummy-Inhalt ende -->
###Navi_Unten###
</div>
<div id="background-content">
<table width="540" border="0" cellspacing="0" cellpadding="0">
<tr><td class="text-content">
<!-- Dummy-Inhalt anfang -->
<table width="540" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" height="5" bgcolor="#FF9966"></td>
</tr>
<tr>
<td width="10" bgcolor="#FF9966"> </td>
<td bgcolor="#FF9966" class="headline">Headline</td>
<td width="10" bgcolor="#FF9966"> </td>
</tr>
<td colspan="3" height="15"></td>
<tr>
<td> </td>
<td>Für Gewinner!!! - DZ-Bank Multizins Garant Extra<br><br>
ist unser Triathlet in Sachen Anlagevermögen:<br>
Chance auf bis zu 12% Zinsen p.a.<br>
Garantierte Mindestverzinsung von 1,5% p.a.<br>
100%-ige Kapitalgarantie am Laufzeitende<br>
Basiswert-Aktienkorb aus 20 Top-Unternehmen<br><br>
*4-jährige Laufzeit, 5000 Euro Mindestanlage, befristete Zeichnung vom 15.3.-30.4. 2004.<br><br>
Der Multizins Garant bietet neben einer 100%-igen Kapitalgarantie und einer jährlichen<br>
Mindestverzinsung von 1,5% auch die Chance auf jährliche Zinszahlung von bis zu<br>
12% p.a. Sie profitieren von steigenden und fallenden Märkten. Der grosse Vorteil für<br>
Sie ist das "Lock-in"-Prinzip: einmal erreichte Verzinsungen, die über dem Mindestkupon<br>
von 1,5% liegen, werden für die gesamt Restlaufzeit gesichert!<br><br>
Weitere Infos können Sie aus folgendem pdf-Dokument entnehmen.</td>
</tr>
<tr> <td colspan="3" height="5"></td></tr>
</table> <!-- Dummy-Inhalt ende -->
</td></tr></table>
</div>
<div id="aktuelles" class="h1">
<table width="202" border="0" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" class="h1">
<tr>
<td colspan="2" bgcolor="#0053A6" height="20" class="headline"> Aktuelles</td>
</tr>
<tr><td colspan="2" height="5"></td></tr>
<tr><td width="10"> </td><td width="192">
###Aktuelles###
<!-- Dummy-Inhalt anfang -->
Geldanlage:<br>
<div class="h2">DZ-Bank Multizins Garant Extra</div></td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td> </td>
<td>School out:<br>
<div class="h2">Online Gewinnspiel</div></td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td> </td>
<td>Firmenkunden:<br>
<div class="h2">Unternehmensworkshops</div></td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td> </td>
<td>Vortrags-Unterlagen<br>
<div class="h2">von Prof. Neufang</div></td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td> </td>
<td>Freistellungsauftrag:<br>
<div class="h2">jetzt als pdf-Dokument</div></td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td> </td>
<td>Sicher im Urlaub:<br>
<div class="h2">Auslandsreise-Krankenversicherung</div></td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td> </td>
<td>Stellengangebot:<br>
<div class="h2">Finanzberater/in<br>
(freie/r Handelsvertreter)</div></td>
</tr>
<tr>
<td colspan="2" height="5"></td>
</tr>
<tr>
<td> </td>
<td>Ab sofort ungültig:<br>
<div class="h2">Alte Bankleitzahl</div>
<!-- Dummy-Inhalt anfang -->
###Aktuelles###
</td></tr>
<tr><td colspan="2" height="5"></td></tr></table>
</div>
<div id="layer02"></div>
<div id="login" class="headline">###Kopf_Login###</div>
<div id="background-newsletter">
<table cellpadding="0 cellspacing="0" border ="0">
<tr><td height="4"></td></tr>
<tr><td width="4"></td>
<td>
###Login###
</td></tr>
</div>
<!--</div>-->
</body>
</html>