Frage stellen
ich versuche gerade das erste Mal mit z-Layern etwas darzustellen.
Ich habe einen div für den Inhalt, in dem sich ein weiterer div für den Content befindet und einer für die rechte Spalte (Login-Box, etc.)
Zusätzlich möchte ich da jetzt einen div reinmachen der an der Stelle des Content-divs sitzt, unsichtbar ist und eine bestimmte Höhe hat.
Im Prinzip soll der dafür sorgen, daß der mittlere Teil immer mindestens so hoch ist wie die rechte Spalte oder das Menü, welches sich in einem weiteren div befindet.
Ufz! Hoffe das ist einigermaßen verständlich
Auszug aus dem CSS:
/* Spalte fuer ergaenzenden Inhalt */
div#rechte_spalte {
width:195px;
float:right;
margin-right: -195px;
position: relative;
text-align: right;
margin-top: 25px;
}
/* Hauptspalte fuer den Inhalt */
div#mittelspalte{
width: 500px;
height: auto;
margin-top: 25px;
padding-left: 10px;
padding-right: 10px;
border-left: 2px dotted black;
border-right: 2px dotted black;
z-index:1;
}
div#contentlayer {
z-index:0;
width:500px;
height:800px;
position:absolute;
left:200px;
top:200px;
visibility:;
}
Auszug aus HTML:
<div id="inhalt_innen_container">
<div id="rechte_spalte">
<!-- ###LOGIN### beginn -->
<!-- ###LOGIN### ende --><br />
<!-- ###INHALT_RECHTS### beginn -->
<!-- ###INHALT_RECHTS### ende -->
</div><!--/rechte Spalte -->
<div id="mittelspalte">
<!-- ###HEADER_TITLE### beginn -->
<!-- ###HEADER_TITLE### ende -->
<!-- ###INHALT_NORMAL### beginn -->
<!-- ###INHALT_NORMAL### ende -->
</div><!--/mittelspalte -->
<div id="contentlayer">
<img src="fileadmin/img/contentlayer.gif" width="500px" height="800px" />
</div>
</div><!--/inhalt_innen_container -->
...und hier ein Link zu einer Unterseite, wo man das Problem, daß ich vermeiden will ganz gut sieht:
<edit>Link hab ich wegeditiert</edit>(18.2.2008)
Vielen Dank für Hilfe und Gruz von Yvonne
