BIld in Mitte fest positionieren und Text umfließen

[Gero]

Hallo,

ich habe innerhalb eines Divs (der für den Inhalt gedacht ist) vor ein Bild am linken Rand dauerhaft und fest zu positionieren. Leider schaffe ich es nicht den Text darumfließen zu lassen.

Als Beispiel hier mal ein Entwurf wie ich es mir vorstelle.

Link zum Entwurf

Ich habe es zuletzt (nach vielen anderen Versuchen) in dieser Art probiert:

  
<div id="content">  
	<img src="img/bild.gif" style="width:206px;height:438px;margin-top:100px;float:left;" alt="Info Bild">Text Text .... usw</div>

Was mache ich falsch und wie gehts richtig?

Danke

[ChrisB]

Hi,

ich habe innerhalb eines Divs (der für den Inhalt gedacht ist) vor ein Bild am linken Rand dauerhaft und fest zu positionieren. Leider schaffe ich es nicht den Text darumfließen zu lassen.

Als Beispiel hier mal ein Entwurf wie ich es mir vorstelle.

Link zum Entwurf

Was mache ich falsch und wie gehts richtig?

"Richtig" geht's momentan gar nicht.
Floating gibt es nur "ganz oben", und nicht irgendwo mitten im Textfluss.
Ein margin-top verschiebt zwar das gefloatete Element weiter nach unten - sorgt aber *nicht* dafür, dass darüber der restliche Inhalt wieder bis an den Rand fliesst.

Am nächsten käme deinem Entwurf noch, den Text aufzuteilen - das, was du derzeit über dem Bild stehen hast, als eigenen Absatz auszeichnen, und erst danach das Bild im Quelltext, welches dann vom nachfolgenden Inhalt umflossen werden kann.
Eine echte, dynamische horizontal mittige Positionierung des Bildes bekommst du damit aber natürlich immer noch nicht - das übersteigt die Möglichkeiten von aktuellem CSS.

MfG ChrisB