Hallo, ich versuche mir momentan das Thema CSS näherzubringen. Ich bin jetzt auf ein Problem mit dem Clearen von floats gestoßen.

In einem Div "header" habe ich drei Div "logo" "search" und "nav".

<div id="header">
<div id="logo"></div>
<div id="search">Suche</div>
<div id="nav">Nav</div>
</div>

"logo" [rot] und "search" [gelb] sollen nebeneinander, weshalb ich sie beide gefloatet sind. Das dritte div "nav" [grau] soll in einer neuen Zeile beginnen und den float clearen. Wenn ich allerdings "nav" die Eigenschaft "clear:both" gebe, wird der container nicht korrekt gecleart im ie6 und der grüne Hintergrund ist verdeckt. Wenn ich dagegen ein zusätzliches br zum clearen benutze, funktioniert es problemlos. Wo mache ich da genau etwas falsch?

Eine andere Frage habe ich auch noch. Ist clearfix noch die bevorzugte Methode zum clearen oder gibt es da in der Zwischenzeit andere Methoden, die man bevorzugen sollte.

Ich hänge mal eine Beispieldatei und Screenshots an.

Vielen Dank!

Angehängte Grafiken

	ff.png (17,6 KB, 7x aufgerufen)
	ie6.png (17,8 KB, 7x aufgerufen)

Angehängte Dateien

html_screenshot.zip (34,9 KB, 1x aufgerufen)