Float Problem

[Twilo]

Hallo,

neues Beispiel

wenn du floats wieder entfernen willst, musst du das innerhalb des Eltern-Elements tun, in dem du sie auch generiert hast (daher das Verhalten der IEs).

ok

Im Übrigen könntest das alles auch etwas einfacher erreichen (z.B. das mittlere div einsparen).

das mittlere div benötige ich um mehrere innere divs zusammenzufassen

#script {
      margin:          5px auto;
      padding:         5px 5px 0 5px;
      border:          1px solid #f00;
      width:           500px;
    }
    #script * {
      margin:          0;
      padding:         0;
    }
    #script div {
      margin:          0 0 5px 0;
      border:          1px solid #D1D1D1;
      padding:         5px;
    }
    #script p img {
      margin:          0 0 0 20px;
      border:          1px solid #000;
      float:right;
    }

<div id="script">
    <div>
      <h2>Überschrift</h2>
      <p><img src="./noBild.gif" alt="Test-Bild" width="100" height="72" />
        Hier steht etwas Text. Hier steht etwas Text. Hier steht etwas Text. Hier steht etwas Text.
        <span style="clear:both; display:block"></span>
      </p>
    </div>
    <div>
      <h2>Überschrift</h2>
      <p><img src="./noBild.gif" alt="Test-Bild" width="100" height="72" />
        Hier steht etwas Text. Hier steht etwas Text. Hier steht etwas Text. Hier steht etwas Text.
        <span style="clear:both;display:block""></span>
      </p>
    </div>
</div>

nur wie löse ich das, wenn das Bild über mehrere p's gefloatet werden soll?

mfg
Twilo