Bild guckt über Container raus bei valign="right"

[Josh]

Hi alle

<div style="background-color: red;font-size: 20px;">
Dies ist ein 20px grosser Schriftzug
<img src="xxx.jpg" align="right" alt="xxx" height="200" />
</div>

Bei diesem Code umrandet das Div nur den Schriftzug vollständig, aber das Bild hängt leider weit drüber (bzw. drunter) hinaus. Wie kann ich das ändern? Das CSS Attribut clear hat mir leider auch nicht weitergeholfen...

Danke für Hilfe.
Josh

 

[M H]

Also bei mir (in Opera und alte IE-Version getestet) ist das Bild im Container, wenn es denn wirklich existiert. Gebe ich einen Fantasienamen an unter dem kein Bild zu finden ist, wird auch bei mir der Bild-Container ausserhalb des erstelten gesetzt.

 

[Christian H]

Liegt am align="right" des images.
Eine Möglichkeit wäre, dem Div auch ein Float zu geben. Dann sollte es gehen:

<div style="background-color: red;font-size: 20px;float:left;">
Dies ist ein 20px grosser Schriftzug
<img src="xxx.jpg" align="right" alt="xxx" height="200" />
</div>

 

[M H]

Ups, das kann sein dass es daran liegt und nicht wie ich es meinte, denn ich hatte nen Bild via Drag&Drop in den Editor geholt *G*

 

[Josh]

Danke euch. Das mit dem zusätzlichen Float habe ich auch bemerkt, empfinde es aber als ein sehr seltsames Verhalten. Immerhin ist mein Div wiederum in einem anderen Div, und gebe ich ihm dieses Float Attribut, ist zwar das Bild in seinem Container Div, aber das Container Div hängt nun aus dem übergeordneten Div heraus... :-(

Naja, nichts ist perfekt.