Jasko hat geschrieben:Ist den der Inhalt Bereich in dem Berreich der den Hintergrund anzeigt verschahtelt?
Wenn nein wird es schwirig da was zu machen.
Die Lösung ist es das ganze zu verschachteln, dan würde es gehen.
Ähm ... ich glaub schon, der steht zumindest in dem Div vom grünen Kasten, also der Bereich "zentrum" schließt sowohl Header, die Navi und den Inhaltsbereich ein.
Ich poste hier einfach mal den Code vom Body-Bereich.
Erläuterungen: "zentrum" ist der grüne Kasten, "header" und "content" müssten klar sein, "navi-links" ist der linke Kasten wo dann die Navigation reinkommt, und der Hintergrund steht an einer separaten Stelle unter body.
Code: Alles auswählen
<body>
<div id="zentrum">
<div id="header">
</div>
<div id="navi-links">
</div>
<div id="content">
Hier ist dann der Inhalt!
</div>
</div>
</body>
Und so ist es im CSS-Teil definiert.
Code: Alles auswählen
#zentrum {
background-color: #27a535;
width: 1000px;
height: 800px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
margin: 0 auto;
}
#header {
background-position : center top;
border : 0px solid #008000;
width : 990px;
height: 200px;
background-color : transparent;
background-image : url(http://file2.npage.de/012600/02/bilder/testheader.jpg);
background-repeat : no-repeat;
}
#navi-links {
position: absolute;
float: left;
background-color: #ffffff;
width: 260px;
height: 580px;
}
#content {
float : right;
width : 698px;
padding : 7px;
margin-top : 0;
margin-right: 10px;
margin-bottom : 10px;
border-top : 0px solid #008000;
border-right : 0px solid #008000;
border-bottom : 0px solid #008000;
border-left : 0px solid #008000;
background-color : #ffffff;
}
Doch kaum konnte ich erste Erfolge verzeichnen, stehe ich schon vor dem großen Rätsel: Ich möchte, dass der grüne Bereich im Hintergrund sich immer der Höhe des Inhalts anpasst (plus noch ein paar Pixel nach unten um einen kleinen Footer-Text zu schreiben), möchte aber gleichzeitig auch, dass die Navigation links immer so hoch ist wie der Inhalt (siehe Bild 2).
