Nebeneinanderliegende DIVs gleich hoch machen

[Markus Möller]

Hallo zusammen!
Ich habe mehrere DIVs nebeneinander. Diese sollen die selbe Höhe haben.
Wichtig dabei ist:
-Die Höhe soll nicht festgelegt sein (soll sich nach dem höchsten DIV richten)
-Die DIVs werden dynamisch erzeugt, ich weiß also nicht wie hoch die sind
-Das ganze soll ein Table-Ersatz werden, bei dem überbreite Einträge abgeschnitten werden

Hier ein Code-Schnippsel:

<!-- DIV 1 -->
<div style="padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative;overflow:hidden;background-color:red;float:left;">
 Dies ist ein sehr langer Text mit einem Sehrsehrlangenwortdasnichtpasst. Mal schauen, ob es klappt
</div>
<!-- Abstandhalter -->
<div style="padding-left:1px;padding-right:1px;max-width:1px;width:1px;position:relative;overflow:hidden;background-color:white;float:left;"> </div>

<!-- DIV 2 -->
<div style="padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative;overflow:hidden; background-color:blue;float:left;">
 Kurzer Text
</div>
<!-- Abstandhalter -->
<div style="padding-left:1px;padding-right:1px;max-width:1px;width:1px;position:relative;overflow:hidden;background-color:white;float:left;"> </div>