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>

[Henning]

Hi,

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

Im Prinzip müssen die Divs in ein weiteres Div gelegt werden und die inneren Divs auf height 100% gesetzt werden. Hatte mal so ein ähnliches Problem.
http://henning.boesch.bei.t-online.de/test.html

Gruss,
Henning

[Markus Möller]

Hallo und danke!

Im Prinzip müssen die Divs in ein weiteres Div gelegt werden und die inneren Divs auf height 100% gesetzt werden. Hatte mal so ein ähnliches Problem.
http://henning.boesch.bei.t-online.de/test.html

Also so?!
<div>
<div style="height:100%;margin:2px;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>

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

Das geht nicht! Es wird nichts angezeigt. Wenn ich dem äußeren DIV eine Höhe zuweise, dann geht's. Aber welche Höhe soll ich nehmen???
Noch einmal zur Erinnerung. Der längste/höchste Eintrag soll entscheidend sein, da das ganze aber dynamisch erzeugt wird, kann ich nicht wissen, wie hoch eben jener Eintrag ist.

Fazit: So geht's nicht.

[Sue]

Hallo Markus,

<div style="position:relative">

Zu welchem Element sollen die DIVs denn relativ ausgerichtet sein?

Gruß
Sue

[Markus Möller]

Hallo Markus,

<div style="position:relative">

Zu welchem Element sollen die DIVs denn relativ ausgerichtet sein?

Zu sich selbst. Also gegenseitig. Mmmh, hört sich doof an.
Kurz und gut: Sie sollen einfach nebeneinander stehen.