float-Problem in IE und FF

[Detlef G.]

Hallo Susanne,

der Effekt im FF kommt dadurch zustande, dass gefloatete Elemente versuchen die Breite ihres Inhalts anzunehmen, wenn keine Angaben zur Breite gemacht werden. Warum sollte der FF den Inhalt eher umbrechen, wenn er den grünen Block auch unter den blauen schieben um mehr in eine Zeile zu bekommen.

Du hast mehrere Möglichkeiten. Welche davon für dich die günstigste ist, musst du selbst entscheiden.

Du kannst der grünen Box eine passende Breite geben, oder

du kannst der grünen statt float:left einen passenden linken Rand geben (margin-left:210px), oder

du kannst der grünen Box statt float:left einen von visible abweichenden Wert für overflow geben (hidden oder auto) und _nur_ für IE eine Angabe zu height.

Auf Wiederlesen
Detlef