Hallo,
es sieht dämlich aus, wenn man den Viewport verschmälert und dann neben dem gefloateten Bild nur ein paar kurze Worte stehen. Der Satz geht dann unter dem Bild weiter mit dem Wort, das von der Länge nicht mehr neben das Bild passt.
Nun möchte ich dem Text neben dem Bild eine Mindestbreite geben. Wenn die unterschritten wird, soll der ganze Text unterhalb des Bildes stehen.
Das hier mit der Mindestbreite fruchtet nicht:
<-- li = float left -->
<img class=li src="img/irgendwas.jpg" alt="irgendwas.jpg" />
<div style="min-width: 12em">
<p class=em12><b>Potsdam.</b> Die Havelschipper aus Potsdam sind die ersten, die ihre Mitglieder auf dem Panorama-Foto einzeln mit Namen vorstellen.</p>
Die Breite des Fotos scheint mitgerechnet zu werden. Das sieht man, wenn man dem Text-div einen border gibt. Der schließt das Bild mit ein.
Bei austauschbaren Bildern kann ich aber die Gesamtbreite nicht kalkulieren. Wie könnte ich das Problem lösen?
Linuchs