Dynamische Höhe funktioniert nicht?

[Extremefall]

Hallo,
ich habe probiert, auf meiner Seite für das Div mit dem Hintergrund eine dynamische Höhe neben der Mindesthöhe zu setzen. Leider funktioniert es nicht, wie ich durch den überlangen Text demonstriere. Wisst ihr, wo der Fehler liegen könnte?

Die Seite findet ihr hier

Was mache ich falsch? Zur Info: Der Contentwrapper müsste die automatische Höhe haben.

 

[vitus37]

Hallo,

wer floatet, der cleart.

Entweder du clearst und beendest damit das float nach #comments und #maincontent, oder du verpasst #contentWrapper ein overflow:hidden;.

P.S. Ich denke die Höhe von 30px bei #comments ist ein Tippfehler, oder? ;)

Gruß

 

[Extremefall]

Danke, ich hatte versucht, an der falschen Stelle zu clearen.

Eine Frage noch: Man cleart doch mit <div style="clear: both;"></div> oder? Kann man das auch irgendwie abkürzen oder ist das so üblich? Natürlich kann man es auch noch per CSS auslagern.

 

[vitus37]

Mit deiner Variante lässt sich nicht viel falsch machen. Man könnte ein float:left; verwenden, wenn nur links umflossen wird.

 

[Wustersoss]

Eine Frage noch: Man cleart doch mit <div style="clear: both;"></div> oder? Kann man das auch irgendwie abkürzen oder ist das so üblich? Natürlich kann man es auch noch per CSS auslagern.

Du kannst clearfix verwenden. Eine ausführliche Erklärung mit Fallbeispiel findest du hier:
Einschließen von Floats ohne zusätzliches Markup - easyclear

 

[Extremefall]

Danke, das hat mir sehr geholfen.