Alternativen zu "float" oder: Wie genau funktioniert float

[AllesMeins]

Hiho,

folgendes Problem. Ich möchte gerne ein Bild linksbündig im Inhaltsbereich eines CSS Layouts einbauen und das Bild vom text umfließen lassen. Dazu habe ich dem Bild ein "float:left" verpasst. Das klappt auch sehr gut soweit. Nun habe ich aber ein paar Elemente die nicht neben dem Bild stehen sollen sondern lieber darunter. Für soetwas scheint es ja ein "clear:left" zu geben, wenn ich das Konzept richtig verstehe. Dummerweise verwende ich auch in dem Layout selber ein paar mal float:left; und damit verursacht ein "clear:left" nicht nur das dieses element nicht neben dem Bild steht sondern auch unter alle Elementen mit float:left (zumindest im Mozilla). Kann ich irgendwie beinflussen auf was sich das "clear" bezeiht oder gibt es eine Alternative zu float, die nur auf Fließtext wirkt und nicht auf andere Block_elemente?

Grüße

Marc

[wahsaga]

hi,

Für soetwas scheint es ja ein "clear:left" zu geben, wenn ich das Konzept richtig verstehe. Dummerweise verwende ich auch in dem Layout selber ein paar mal float:left; und damit verursacht ein "clear:left" nicht nur das dieses element nicht neben dem Bild steht sondern auch unter alle Elementen mit float:left (zumindest im Mozilla). Kann ich irgendwie beinflussen auf was sich das "clear" bezeiht

"containing block" sollte m.E. das stichwort sein.
(zugegebener maßen kein ganz einfach zu durchschauendes thema.)

gruß,
wahsaga

[molily]

Hallo,

Kann ich irgendwie beinflussen auf was sich das "clear" bezeiht

"containing block" sollte m.E. das stichwort sein.

Das geht so m.W. weder aus http://www.w3.org/TR/REC-CSS2/visuren.html#flow-control noch aus http://www.w3.org/TR/CSS21/visuren.html#propdef-clear hervor.
In CSS 2.1 heißt das Stichwort »block formatting context«, siehe http://www.1ngo.de/web/clear.html.

Mathias

[wahsaga]

hi Mathias,

In CSS 2.1 heißt das Stichwort »block formatting context«

möglich, dass ich das verwechselt habe.
danke für die korrektur.

gruß,
wahsaga

[Ingo Turski]

Hi,

http://www.1ngo.de/web/clear.html#Problemloesungen sollte Deine Frage beantworten.

freundliche Grüße
Ingo

[Detlef G.]

Hallo Marc

... Dazu habe ich dem Bild ein "float:left" verpasst. Das klappt auch sehr gut soweit. Nun habe ich aber ein paar Elemente die nicht neben dem Bild stehen sollen sondern lieber darunter.

Du könntest dem Element, dass des Text enthält, der um das Bild floaten soll
min-height (für IE height) mit der Höhe des Bildes geben.

Auf Wiederlesen
Detlef

[Schuer]

Nicht auf dein Problem bezogen, aber gerade recht passend zum allgemeinen Verständnis von float: Andreas Kalt: Float — die Theorie

Viele Grüße!
_ds