nicht angemeldet
Hallo zusammen
Ich grüble seit einiger Zeit an einem Problem und komme nicht weiter. Es geht um die Verschachtelung von div-Containern mit CSS.
Die Webseite besteht grob gesagt aus drei solchen Containern:
#umriss {
position: absolute;
top: 152px;
text-align: left;
width: 708px;
left: 0px;
margin: 0;
padding: 0;
height: auto;
background-image: url("../grafiken/layout/rahmen-inhalt.jpg"); }
#inhalt {
position: relative;
top: 0px;
width: 488px;
left: 180px;
margin: 0 23px 30px 15px;
padding: 0;
height: auto; }
#navigation {
position: absolute;
top: 0px;
left: 0px;
width: 180px;
height: auto; }
Inhalt und Navigation werden vom Umriss umschlossen. Die Navigation als linke Spalte ist meist ungleich hoch wie der Inhalt. Das Hintergrundbild des Umrisses soll nun soweit nach unten gekachelt werden, dass Navigation und Inhalt unterdeckt werden.
So sieht der HTML-Code aus:
<BODY>
<div id="umriss">
<div id="navigation">
NAVIGATION
</div>
<div id="inhalt">
INHALT
</div>
</div>
</BODY>
Jetzt ist es aber leider so, dass die Navigation weiter nach unten reicht als der Inhalt, das Hintergrundbild des Umrisses aber nach dem Inhalt nicht mehr weiterläuft.
Kann mir jemand einen Rat geben, wie ich das Ganze zu verschachteln habe, damit ich es so habe, wie ich es gerne möchte? Das wäre super! :-)
Gruss
Bastian