Divs nebeneinander mit dynamischer Größe

[MudGuard]

Hi,

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`{:.language-javascript} (Rest soll quasi abgeschnitten werden).  
> Lässt sich sowas mit CSS lösen oder muss man da mit JS ran?  
  
display: table-row für das div#row, ggf. noch width:100%  
display: table-cell für die beiden inneren div.  
  
cu,  
Andreas

-- 
[Warum nennt sich Andreas hier MudGuard?](http://MudGuard.de/)  
[O o ostern ...](http://ostereier.andreas-waechter.de/)  
  
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.