Katana: Zwei Ebenen zentrieren

Beitrag lesen

Hallo
Ich bin gerade an der Erstellung eines Grundgerüsts einer Website bei der später noch ein CMS integriert wird. Der Inhalt ist im LayerContent untergebracht. Die Navigation soll ebenfalls in einem Layer stattfinden (LayerNavi). Der Inhaltslayer muss immer 100% hoch sein.

Der LayerContent wird so dargestellt wieder er soll. Sobald ich aber die Navigation drüberlege ist fertig lustig. Wenn ich position:relative nutze verschwindet die Navi am Boden und zudem wird der Conten-Layer nicht mehr auf 100% Höhe gesetzt und wenn ich postion:absolute benutze kann sie nicht zentrieren.

Hier mein CSS:
html {
 height: 100%;
}
body {
height: 100%;
text-align: center; /* Workaround für den IE */
background-color:#f1f1f1;
margin-top: 0px;
margin-bottom: 0px;
}

#LayerContent {
background-color:#FFFFFF;
text-align: left; /* IE only */
margin-left: auto;
margin-right: auto;
position: relative;
width:1000px;
height:100%;
z-index:1;

}

#LayerNavi {
text-align: left; /* IE only */
top: 334px;
margin-left: 0px auto;
margin-right: 0px auto;
position: absolute;
width:1000px;
height:60px;
z-index:2;

}

Und hier der Link zur Seite: http://www.phonex-gema.ch/08/

Bin um jeden Tipp dankbar.

Grüsse - Oliver