Ich weiß nicht mehr weiter und versuche jetzt seit drei Stunden eine Lösung zu finden...
Ich habe ein einfaches zweispaltiges Layout mit CSS positioniert, aber irgendwie funktioniert da etwas nicht... Bei Firefox verhalten sich alle div-Layer des Contents (also sowohl der Content selber als auch sämtliche anderen div-Bereiche) gegenüber dem Float-Bereich wie absolut positionierte Elemente, die sich bekanntermaßen ja auch überlappen können.
Allerdings verhält sich nur der Div-Bereich selber so, sein Inhalt umfließt den gefloateten Bereich wie geplant. Das ganze ist natürlich scheiße, weil damit sämtliche padding und margin-Befehle auf der Seite zum Float-Bereich nicht mehr vernünftig funktionieren (der Inhalt "klebt" am Float-Bereich).
Wenn ich für den content "overflow=auto" (bei hidden z.B. gehts nicht) notiere, tritt der Fehler nicht auf. Beim IE gibts auch keine Probleme.
div#navi {
padding: 25px 0px 0px 15px;
float:left;
width: 200px;
height: 99.9%;
background-color: #EFEFFF;
}
div#content {
text-align: justify;
padding: 25px 100px 0px 0px;
height: 99.8%;
}
--------------------------
<div id="navi">
...Navigation
</div>
<div id="content">
...Inhalt und andere Div-Bereiche
</div>