DIV-Boxen mit verschiedener Höhe in Reihe anzeigen

[Martin Henze]

Hallo zusammen,

ich habe eine Reihe von DIVs, von denen ich jeweils zwei nebeneinander anzeigen lassen will. Dies habe ich momentan mit einer float-Umgebung gelöst. Das Problem ist jedoch, dass die DIVs verschiedene Höhen haben und es so zu unschönen Effekten kommt.

Ich habe ein minimal Beispiel erstellt, um das Problem zu verdeutlichen. Unten sieht man, wie sich das Problem lösen lässt, wenn man nach jedem zweiten DIV einen clear einfügt. Dies möchte ich jedoch verhindern, da es sich um viele DIVs handelt, die häufiger von Hand editiert werden müssen. Daher ist das händisch setzen nach jedem zweiten DIV unerwünscht.

Gibt es irgendwelche Vorschläge, wie sich das mit HTML und CSS lösen lässt? Dass das mit serverseitigen Programmiersprachen lösbar ist, ist mir klar, kommt hier aber nicht in Frage.

Vielen Dank im voraus für alle Ideen,
Martin

[Gunnar Bittersmann]

@@Martin Henze:

Gibt es irgendwelche Vorschläge, wie sich das mit HTML und CSS lösen lässt?

Wie neulich schon gesagt: Verzichte auf 'float'. Verwende 'display: inline-block'. [Thread IE cleart falsch]

Spezielle Regeln für IE und Firefox 2. [Thread Selektor nur für Firefox 2?]

Live long and prosper,
Gunnar