nicht angemeldet
Hallo zusammen,
welcher Browser recht hat, woran es liegt und wie man das Problem lösen kann, ist ja schon beantwortet worden. Der einzige Schönheitsfehler an der Lösung ist der zusätzliche, eigentlich unnötige HTML-Code. Daher haben sich mittlerweile ein paar Leute Gedanken darüber gemacht, wie man das Problem mit reinen CSS-Lösungen beheben kann.
Der Ansatz, den "positioniseverything" beschreibt, gibt dem übergeordneten Container, der auf die Größe seiner floatenden Kinder gestreckt werden soll, per :after ein clear:both
http://www.positioniseverything.net/easyclearing.html
Ein etwas neuerer Ansatz nutzt eine Stelle der CSS2.1-Spezifikation, die besagt, daß ein Container auch dann auf die Größe seiner floatenden Kinder gestreckt wird, wenn z.B. die overflow-Eigenschaft einen Wert ungleich visible hat:
http://www.sitepoint.com/blog-post-view?id=238086
Wenn man noch die Kommentare in den diversen Blogs (z.B. in http://annevankesteren.nl/archives/2005/02/clearing-floats) hinzuzieht, dann scheint folgender CSS-Code für den übergeordneten Container, der gestreckt werden soll, recht browserübergreifend zu funktionieren:
.clearfloat {
overflow:auto;
width:100%; /*oder andere sinnvolle Breitenangaben */
}
Viele Grüße
Carsten