Hallo Forum,
ich versuche folgendes zu erzeugen: Eine Art "Box", in der links ein Bild steht und rechts ein beschreibender Text dieses Bild umfließt. Diese Box soll von einem Rahmen umgeben sein.
Mein Minimalbeispiel dazu sieht wie folgt aus:
<div style="border:1px solid #000;display:block;width:500px;">
<img src="http://lorempixum.com/100/200" style="float:left"> Text
<br style="clear:both">
</div>
Das gewünschte Verhalten: Der Rahmen soll mindestens das Bild umfassen, falls der Text länger wird auch den Text.
Wenn man sich das mit dem aktuellen Windows-Chrome anschaut, ist das Verhalten undefiniert. In manchen Fällen wird der Rahmen nur um die Textzeile gezogen, in manchen Fällen um das ganze Bild.
Ich vermute stark dass das ein Bug in Chrome ist -- oder würdet ihr das Problem anders (besser) lösen? Habt ihr eine Idee für einen Workaround?
Vielen Dank für die Hilfe!
Gruß, Sebastian