Detlef G.: Gefloatetes Bild unten links positionieren

Beitrag lesen

Hallo Sandra

Hab mich mittlerweile totprobiert und totgesucht.

Oh, wie kannst du dann noch hier posten?

Folgendes: Ich habe ein Div (lieber mit variabler Größe, zur Not aber auch fixed), darin einen Text und ein Bild. Das Bild soll unten links in der Ecke positioniert sein, der Text soll es umfließen:

Leider ist das nicht vorgesehen. Es gibt kein float:bottom;.
Ohne komplizierte Javascriptfummeleien, die ich mir auch noch nicht angetan habe, könntest du es nicht wirklich sondern nur für genau eine Div- und Schriftgröße passend bekommen.

Gib dem Bild float:left und setze an der Stelle in den Text, die bei einer üblichen Schrift- und Browserfenstergröße dafür sorgt, dass es dann an der gewünschten Position erscheint.
Bei anderen Fenster- und/oder Schriftgrößen kann es dann allerdings passieren, dass sich der Text unter dem Bild fortsetzt, oder dass das Bild weiter reicht, als der Text.

Wenn dein Div mehrere Elemente (z.B. Absätze) enthält, könntest du auch noch denen, die eventuell unter dem Bild fortgesetzt würden einen linken Rand (margin-left) in der Breite des Bildes verpassen, um wenigstens die Fortsetzung unter dem Bild zu verhindern.

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!