float und clear -> Anfängerfrage

[uliII]

Hi,

ein Bild "A" wird rechts von Text umflossen.
Unter Bild "A" soll ein Bild ebenfalls rechts mit Text umflossen sein.
Wie macht man das am besten?

Sollte man irgend ein trennendes Objekt nach dem Text welcher Bild "A" umfliesst einfügen und diesem den clear Style verpassen?
Theoretisch müsse ja Bild "B" den clear Style bekommen, hat aber schon den nächsten float Style.

Irgendein trennendes Element wie Blindgifs oder sonstwas ist ja nicht ganz sauber.

MfG

Uli

[Ingo Turski]

Hi,

Theoretisch müsse ja Bild "B" den clear Style bekommen, hat aber schon den nächsten float Style.

Diese beiden Eigenschaften schließen sich nicht gegenseitig aus.

freundliche Grüße
Ingo

[uliII]

Hi,

Theoretisch müsse ja Bild "B" den clear Style bekommen, hat aber schon den nächsten float Style.
Diese beiden Eigenschaften schließen sich nicht gegenseitig aus.

freundliche Grüße
Ingo

Danke!

MfG

uli

[Ole]

Hi Uli ,

Bild A bekommt "float: left", dann wird es schonmal vom folgenden Text rechts umflossen.
Wenn Bild A nicht von Bild B umflossen werden soll bekommt Bild B "clear: left" und, da es im folgenden Text wieder umflossen werden soll, danach auch "float: left".
Nun stehen beide Bilder untereinander und werden rechts vom folgenden
Text umflossen.

so long
Ole
(8-)>

[uliII]

Hallo,

Die Elemente mit float befinden sich in einem <div> Bereich mit einem Border. Durch das float wird jetzt der Border überall (!) in Höhe des float Bereichs unterbrochen. Ist das ein Browserfehler und wie umgeht man das?

MfG

uli

[Ole]

Hi uli,

soll der Text also nicht um die jetzt umflossenen Elemente fließen, sondern um das div?

so long
Ole
(8-)>

[uliII]

Hi,

Nochmal zur Erklärung:
Ein Bereich mittels <div> mit einem Border.
Da drin liegen links untereinander Bilder und rechts neben den Bildern Text.
Die Bilder werden durch fleft rechts von Text umflossen.
Hier der Style für die Bilder:

.fleft { clear: both; float: left }

Jetzt erscheint im Browser (IE) in Höhe der Bilder links und rechts kein Border mehr. Wenn ich Bilder und Text nochmal in einen div Bereich packe , - also div in div mit Border ändert sich auch nichts.

Danke bisher !

uli

[uliII - gelöst !]

Hi,

ich hatte noch weitere clear style direkt im Quelltext. "Doppelt" bringt es obige "Fehler". Jetzt ist es OK!

Nochmal vielen Dank!

uli

[Ole]

Hi uli

Meine Versuche mit

  
<div style="border: 1px solid red;">  
  <div style="width: 100px; height: 100px; border: 1px solid black; float:left;">&nbsp;</div>  
  <div style="width: 100px; height: 100px; border: 1px solid black; clear: left; float:left;">&nbsp;</div>  
  [ Viel Text ]  
</div>  

zeigen sowohl im FF als auch im IE das gleiche Bild:
2 Boxen mit schwarzen Rahmen auf der linken Seiten, die rechts vom Text umflossen werden und das alles in einem vollständigen roten Rahmen.

so long
Ole
(8-)>

[wahsaga]

hi,

Die Elemente mit float befinden sich in einem <div> Bereich mit einem Border. Durch das float wird jetzt der Border überall (!) in Höhe des float Bereichs unterbrochen.

Wird er unterbrochen, oder geht er nur "bis da"?

Hast du berücksichtigt, dass du mit float ein Element aus dem Fluss nimmst?

Ist das ein Browserfehler und wie umgeht man das?

Tritt es nur in bestimmten Browsern auf?

gruß,
wahsaga