Probleme mit zweispaltigem CSS-Layout

[ohrflieger]

Moin,

Ich bin am verzweifeln. Es geht um ein simples, zweispaltiges CSS-Layout.
Die linke Spalte enthält den Inhalt und sollte eine flexible Breite haben. Die rechte Spalte ist eine Randspalte und ist etwa 300px breit, aber kürzer als der Inhalt.
Irgendwie krieg ich es nicht hin, die zwei Boxen nebeneinander anzuordnen, sodass die Inhaltsspalte die rechte Box nicht umfließt. Derzeit kommt nur noch Müll dabei heraus:

Die fehlerhafte Seite gibt es hier

Ich wäre dankbar für jede Hilfe!

 

[threadi]

Gib der linken Spalte float:left; und der rechten Spalten float: right; Einen Abstand der linken Spalte nach links kannst Du dann auch per margin-left noch hinbekommen. Dein riesen-margin-left von über 600px würd ich entfernen.

 

[ohrflieger]

Das bringt leider nichts. Siehe Link oben.
Weiß sonst jemand noch was?

 

[threadi]

Du musst der linken Spalte noch eine Breite geben, z.B. 200 oder 300px. Je nachdem wie breit du sie haben willst.

 

[ohrflieger]

Ach so.. ja, mit der Breitenangabe klappts. Danke!
Wieso ist es nicht möglich, dass der Browser die Breite selbst anpasst?

 

[threadi]

Weil der CSS-Standard solche Browserspielchen nicht zulässt.