Tom Schüler: float in <div>: keine Anpassung der Größe

Beitrag lesen

Hi,

ich habe folgendes Problem: Ich habe auf einer Seite ein "Container"-<div>. In diesem Container habe ich in <div> mit Bildern, die untereinander angeordnet sind, und die per CSS auf "float: left" gesetzt wurden. Das Bilder-<div> hat eine Höhe von etwa 700px.

Danach kommt ein <div> mit Text, der richtigerweise neben den Bildern steht. Der Text hat eine Höhe von nur etwa 300px.

Als ich dem Container-<div> eine Hintergrundfarbe gegeben habe, habe ich festgestellt, dass es nur so hoch ist, wie das Text-<div>, obwohl das Bilder-<div> eigentlich viel höher ist.

Müsste der Container nicht so hoch sein, wie das Bilder-<div>?
Wo ist mein Denkfehler?

Da das ziemlich schwer zu erklären ist, habe ich eine Test-Seite angefertigt, auf der das einigermaßen anschaulich illustriert ist:
http://ebria.de/test/float/index.html

Gruß
Tom