Float Problem

[Antipitch]

Hi Twilo,

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). Im Übrigen könntest das alles auch etwas einfacher erreichen (z.B. das mittlere div einsparen).

#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>

Gruß
Antipitch