div-Höhe an img anpassen / margin-Bezug

[ChrisB]

Hi,

Ich will eine Artikelliste erstellen (in etwa so wie auf der Startseite von Spiegel Online). Jeder Artikelblock ist ein eigenes div (das beinhaltet: 2 Überschriften, Bild, kurzer Text).

Und warum h2-Ueberschrift vor h1? Das erscheint mir nicht besonders sinnvoll.

Nun habe ich dem div "Übersicht" ein margin-top zugewiesen, was funktioniert - allerdings nur, wenn der vorangegangene Artikelblock mit Text endet, wenn also der Text länger ist, als das Bild hoch ist. Wenn der Text nicht so lang ist, stimmt der Abstand zum nächsten Artikelblock nicht mehr, weil sich der folgende Block (div id: Uebersicht) eben nicht am Bild, sondern am Text ausrichtet (was im Extremfall sogar dazu führt, dass der folgende Block so weit oben positioniert ist, dass er sogar noch vom float:left beeinflusst wird.

Reicht es da nicht, einfach das floating mittels clear wieder aufzuheben?

Meine Frage zusammengefasst: Wie kriege ich es hin, dass ein div genau so hoch ist, wie das größte Element, egal ob es Text oder Bild ist? So dass sich das darauf folgende Element eben am gesamten div und nicht nur am Text im div ausrichtet?

</archiv/2007/1/t143585/#m932279>

MfG ChrisB