Floaten bei variabler Breite

[janne]

Hi alle,

ich benötige im Inhaltsbereich eines Seitentemplates zwei Container, die nebeneinander floaten sollen. Der Inhalt des rechten Behälters kann auf verschiedenen Seiten unterschiedlich breit sein, der linke soll dann jeweils die übriggebliebene Breite einnehmen.

Also z.B. auf einer Seite so:

AAAAAAAAA BBB
AAAAAAAAA BBB
AAAAAAAAA BBB
          BBB

... und auf einer anderen so:

AAAAA BBBBBBB
AAAAA BBBBBBB
AAAAA BBBBBBB
AAAAA
AAAAA

Hat jemand einen Tipp für mich, wie man das CSS dazu aufbaut? Wenn ich A und B zu <div>s mache und B "float:right" gebe, dann setzt sich A unter B nicht daneben, weil es die volle Breite haben will (B steht im HTML vor A). Wenn ich A nicht in ein <div> packe, fließt dessen Inhalt im zweiten Beispiel um B herum, was ich nicht will:

AAAAA BBBBBBB
AAAAA BBBBBBB
AAAAA BBBBBBB
AAAAA
AAAAAAAAAAAAA

Mit einer Tabelle wäre das natürlich weniger kompliziert, aber wer will schon ein Tabellenlayout :-)

Gruß,

janne