nicht angemeldet
Hallo Forum,
ich habe ein recht simples HTML-Dokument, bestehend nur aus Überschriften und Absätzen. Kein Spaltenlayout, keine Besonderheiten.
Nun habe ich einige Bilder jeweils zwischen die Absätze eingefügt und möchte diese nach links oder rechts floaten. Eigentlich eine leichte Übung, also etwa so:
img.rechts {
float: right;
margin-left: 10px;
}
Sieht im Firefox (also im Browserfenster) auch aus wie erwartet. Im Ausdruck zeigt sich ab Seite 2 (!) jedoch ein seltsames Verhalten. Die ersten drei Zeilen des dem Bild folgenden Absatzes haben nach wie vor 100% Breite und gehen mitten durch das Bild, ab der 4. Zeile verhält sich der Text so wie erwartet. Zwei Zeilen, die unterhalb des Bildes eigentlich wieder die volle Breite haben sollten, sind nach wie vor verkürzt. Es sieht aus, als sei das gefloatete Bild hochgerutscht.
Beispiel: http://www.frerichs-online.com/test1.html
Der IE6 ignoriert das komplette Umfliessen des Textes, was in diesem Fall allerdings besser aussieht, als wenn der Text mitten durchs Bild geht.
Kann mir bitte jemand sagen, was ich falsch mache?