Hi,
Ich möchte mein Problem jetzt versuchen besser zu erklären.
Leider immer noch ohne Online-Beispiel, aber dafür wenigstens ein paar Illustrationen...
dafür sind die Screenshots da, als Online-Beispiel würde es nicht anders aussehen.
...
</div>
</div>
hier fehlt wohl noch was.
eigentlich nicht, weiß nicht was du meinst!?
Nimm ein DIV für die zentrierte Gesamtbreite und setze hierin das DIV für die Navigation und den Inhalt. Darunter brauchst Du dann noch ein (evtl. leeres) clearendes Element.
<body>
<div class="center">
<div class="nav">
div-Container links<br>
<a href="#">button1</a><br>
<a href="#">button2</a><br>
</div>
<div class="content">
div-Container rechts<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
</div>
<div class="bottom"></div>
</div>
</body>
div.nav {
width:148px;
float:left;
text-align:left;
background-color:#FF0000;
}
div.content {
width:743px;
float:right;
margin-top:5px;
border:1px solid black;
}
div.bottom {
width:900px;
height:50px;
background-color:blue;
clear:right;
}
div.center {
width:900px;
margin:0px auto;
text-align:center;
margin-top:25px;
border:1px solid black;
}
wenn ich dich richtig verstanden habe sollte es so sein, komme dazu aber nicht zu meinem ergbenis:
Sofern der Inhalt stets höher als die Navigation ist,...
Nein, das wird nicht der fall sein.
Ich muss davon ausgehen das es mit reinem CSS nicht möglich ist. Werde wohl doch auf JS zurück greifen müssen, schade, falls jemand noch ne Idee hat...
Gruß
Torsten