Divs nebeneinander mit dynamischer Größe

[art0815]

Hallo,

ich habe folgendes Konstrukt

  
<div id="row">  
 <div id="div1"  style="float:left; white-space:nowrap; overflow: hidden;">  
  content  
 </div>  
 <div id="div2" style="float:right;">  
  content  
 </div>  
</div>

Das ganze soll in einer Zeile dargestellt weden. Die Inhalte werden dynamisch erzeugt.
Nun soll div1 immer nur so lang sein wie es der zu Verfügung stehende Platz zulässt.
D.h. div1.width = row.width - div2.width (Rest soll quasi abgeschnitten werden).

Lässt sich sowas mit CSS lösen oder muss man da mit JS ran?

Danke für die Antworten.

VG Art