Tom²: Ersatz für min-width

Beitrag lesen

Hallo Sven,

Das verstehe ich nicht. Mit clear:left (oder clear:both) würde der zweite Teaser garantiert nicht neben dem gefloateten Bild beginnen, sondern immer darunter.

Ja, aber die Abstände, je nach Browserfenster-Größe und Textlänge, sind dann etwas unschön, da sie vom Textende und nicht vom Bild berechnet werden:

+---------+  Lorem ipsum dolor sit amet, consetetur
|         |  sadipscing elitr, sed diam nonumy eirmod
| Teaser- |  tempor invidunt ut labore et dolore magna
| Bild    |  aliquyam erat, sed diam voluptua...
|         |
+---------+
+---------+  Lorem ipsum dolor sit amet, consetetur
|         |  sadipscing elitr, sed diam nonumy eirmod
| Teaser- |  tempor invidunt ut labore et dolore magna
| Bild    |  aliquyam erat, sed diam voluptua...
|         |  eos et accusam et justo duo dolores et ea
+---------+  rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.

+---------+  Lorem ipsum dolor sit amet, consetetur
|         |  sadipscing elitr, sed diam nonumy eirmod
| Teaser- |  tempor invidunt ut labore et dolore magna
| Bild    |  aliquyam erat, sed diam voluptua...
|         |
+---------+

Ich hätte gerne immer den gleichen Abstand entweder zwischen Bild und neuem Absatz (wenn wenig Text) oder zwischen Textende und neuem Absatz, also so:

+---------+  Lorem ipsum dolor sit amet, consetetur
|         |  sadipscing elitr, sed diam nonumy eirmod
| Teaser- |  tempor invidunt ut labore et dolore magna
| Bild    |  aliquyam erat, sed diam voluptua...
|         |
+---------+

+---------+  Lorem ipsum dolor sit amet, consetetur
|         |  sadipscing elitr, sed diam nonumy eirmod
| Teaser- |  tempor invidunt ut labore et dolore magna
| Bild    |  aliquyam erat, sed diam voluptua. At vero
|         |  eos et accusam et justo duo dolores et ea
+---------+  rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.

+---------+  Lorem ipsum dolor sit amet, consetetur
|         |  sadipscing elitr, sed diam nonumy eirmod
| Teaser- |  tempor invidunt ut labore et dolore magna
| Bild    |  aliquyam erat, sed diam voluptua...
|         |
+---------+

Grüße!
Tom