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

[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.  

[Malcolm Beck´s]

હેલો

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

Meinst du so etwas in der Art?

બાય