Chris: Problem mit 3 Spalten

Beitrag lesen

Hallo ihr :-)

Ich komme bei einer eigentlich recht einfachen Sache nicht weiter:

Ich möchte in einem DIV 3 Spalten haben. Die rechte und die mittlere Spalte sollen eine vorgegebene Breite haben. Die linke soll den restlichen Platz komplett ausfüllen. Text, der in der linken Spalte steht soll beliebig lang sein können - ist er länger als der verfügbare Platz, soll er einfach abgeschnitten werden. Auf keinen Fall soll er umgebrochen werden, oder die Spalte einfach größer schieben, das verdirbt das Layout.

Mein Versuch:
<div style="width:300px; background-color:#FF0000;">

<div style="width:100%; background-color:#333333; float:left;">a</div>
    <div style="width:20px; background-color:#666666; float:left;">b</div>
    <div style="width:20px; background-color:#999999; float:left;">c</div>

</div>

Klappt aber nicht, Spalte a nimm die gesamte Breite ein und Spalte b und c werden in die nächste Zeile verdrängt. Wenn ich die Breitenangabe bei Spalte a weglasse, gehts auch nicht.

Kann jemand kurz weiterhelfen? Wäre SEHR nett! Danke :-)

Grüße
Chris