IE float bug

[Tobias Müller]

Hallo Struppi,

Übrigens, das ganze ist keine Idee von mir, sondern nur ein Versuch ein bestehendes Layout zu ändern bzw. CSS tauglich zu machen. eigentlich fand ich die Anordnung nicht so problematisch, scheint es aber doch zu werden.

Manchmal sind die scheinbar ganz einfachen CSS-Layouts viel schwieriger umzusetzen als komplexe Layouts... ;)

Das Problem hat mich ja doch sehr interessiert. Deshalb habe ich mir mal den Quelltext kopiert und ein bisschen rumprobiert.

Letztlich habe ich den IE6 mehr oder weniger unelegant überlisten können:

Um Folgendes habe ich die CSS ergänzt (nur für den IE):

* html {
 overflow-x:hidden;
}
* html #inhalt
{
 margin-right:0;
}
* html #box
{
 float:left;
 margin:0 180px 0 0;
}

Die gefloateten Boxen habe ich ausserdem noch mit einem Div mit der ID #box umschlossen:

<div id="box">
    <div class="foto">
 <p>Ein Element </p>
    </div>

<div class="foto">
 <p>Ein Element </p>
    </div>

<div class="foto">
 <p>Ein Element </p>
    </div>

<div class="foto">
 <p>Ein Element </p>
    </div>
    <br style="clear:left;">
</div>
<br style="clear:left;">

Zumindest bei mir klappt es mit IE6 und Firefox.

MfG, Mülli