nicht angemeldet
nachdem ich vor längerer Zeit ne Homepage komplett mit CSS layoutet habe, möchte ich nun noch den Navigationsframe rausschnmeissen und alles mit Div machen. Das soll so aussehen, linker Div feste Breite z. B. 200 Px und der rechte variable, also den Rest des Platzes. Der Anfang sieht so aus:
.oben { width:96%; background-color:#6d7eaf; }
.links { width:200px; background-color:#aaaaaa; float:left; }
.rechts { width:96%; background-color:#3c4050; }
1. Problem:
Der rechte Div-Bereich hat üblich ja mehr Inhalt als der linke. Wenn der linke Div zu Ende ist, rutscht der Text in dem rechten Div-Bereich wieder nach links. Sieht so aus:
------------------------------------
Logo
------------------------------------
Link1 Text
Link2 Text
Text
Text
Text
Text
Auch unter dem linken Div-Bereich soll der Platz links aber frei bleiben - wie das z. B. auch bei einer blinden Tabelle der Fall ist, wo die linke Spalte bis nach unten frei bleibt:
------------------------------------
Logo
------------------------------------
Link1 Text
Link2 Text
Text
Text
Text
Text
Wie mach ich sowas am besten?
Ich hab mal eine Lösung gesehen, da wurde fürs rechte Div einfach ein margin-left:220px gesetzt.
Schöne Grüsse