nicht angemeldet
CSS: float abbrechen
Ich hab folgendes Problem:
- Ein <div> mit float: left
- Daneben ist noch ein <div>, in dem drinnen ist ein <img> mit float:left
- Neben dem Bild steht Text.
- Unter Bild und Text soll ein weiterer Textblock stehen, daher muß ich das float:left vom Bild im Text darunter mit clear: left abbrechen.
Das funktioniert aber insofern nicht, als daß sich clear: left am äußersten <div> orientiert und der text unter dem bild erst weiter unten erscheint, wo auch das erste <div> schon zuende ist.
Das ganze sieht schematisch etwa so aus:
<div style='float:left; width; 100px;'>
blah<br />
blah<br />
...
</div>
<div style='padding-left: 100px;'>
<img ... style='float: left;' />
<p> Bildtext neben dem Bild </p>
<p style='clear: left;'> Text unter Bild und Bildtext</p>
</div>
Das clear:left sorgt dafür, daß alle floats beendet werden, bevor weitere Elemente platziert werden. Das <div> links mit 'blah...' ist relativ hoch, das Bild relativ klein. Der zwischen Bild und Text unter dem Bild ist also eine ganze Menge Abstand, da dieser Text erst dann beginnt, wenn im linken <div> das Blahblah zuende ist.
Wie tun? Hat jemand eine Idee? (Klar, Tabellen, aber ohne wärs mir lieber...)