Image überlappt Div-Bereiche

[ziegenmelker]

Hallo,

<img src="/images/test.gif">

und

img {width:150px;height:200px]

löst deim Problem.

Warum?

weil das Attibut "align=left" ähnliches verursacht, wie img {float:left}
siehe w3.org etwas weiter unten im Text.

In seinem Post hat Solo das Image nach einem <br> eingebunden, und da es ein Inline-Element ist, ist es folglich sowieso am linken Rand plaziert und nachfolgender Text steht rechts davon. Allerdings nur solange Platz ist, nach einem Zeilenumbruch geht es unter dem Bild weiter.

Ich bin der Meinung, daß nur dann, wenn neben dem Bild mehrzeiliger Text stehen soll, auch der Einsatz von 'float' sinnvoll ist.

Ob man diesen ganzen div-Salat überhaut veranstalten sollte, ist natürlich eine ganz andere Frage, aber dazu haben ja Andere schon genug gesagt.

cu,
ziegenmelker