Wenn man zwei Boxen horizontal nebeneinander anordnen will, spielen einem Box-Model-Bug und Margin-Bug ganz schön übel mit. Noch übler ist aber folgender Effekt:

Wenn sich zwei floatenden Boxen (einmal float:left und einmal float:right) nebeneinander befinden kommt es zu einigen Darstellungsfehlern im Mozilla Firebird - das umgebenden DIV wird oftmals nicht komplett dargestellt, da beide Boxen aus dem Dokumentfluß genommen wurden und deshalb der Browser die benötigte Höhe nicht ermitteln kann. Auch wenn man nach der zweiten Box einen clearenden Zeilenumbruch einfügt bleibt dieser Effekt bestehen.

Wenn ich eine Box links floaten lasse und die andere mittels margin-Angabe nach rechts verschiebe tritt der Effekt nicht auf, da sich ja die rechte Box noch im Dokument-Fluß befindet.

Wie kann ich die Probleme bei zwei floatenden Boxen umgehen?

um den mozilla-bug kümmer dich erst mal nicht. der ist normalerweise nach nem f5 weg, außerdem ist der den entwicklern bekannt und sollte in der nächsten version weg sein.

---
Take a look here!
Lichtblick - Einblick - Ausblick

Wie wärs mit einem Beispiel?

So jedenfalls klappt alles wie erwartet:

<div style="background-color:red;padding:10px">
<div style="background-color:#ccc;float:left">links</div>
<div style="background-color:#ccc;float:right">rechts</div>
<br style="clear:both" />
</div>

Exakt so sieht auch mein Quelltext aus - der Effekt tritt nur bei Mozilla Firebird auf. Momentan experimentiere ich mit einer absoluten Positionierung des bisher links-floatenden Elements.

Mozilla Firebird 0.7 (Gecko/20031007) auf WinXP meldet: Kein Problem.
Poste einen Screenshot.

so sieht das aus, während die Seite geladen wird:


Auch anschließend bleiben oft einige Teile des weißen Hintergrund verschwunden. Der Screenshot ist schon etwas älter - in der aktuellen Version habe ich das Menü mit absoluter Positionierung an den linken Rand gesetzt.

welche firebirdversion hast du?

---
Take a look here!
Lichtblick - Einblick - Ausblick

0.7

hm komisch, ich hatte das bei 0.6 immer, aber jetzt is das weg.

---
Take a look here!
Lichtblick - Einblick - Ausblick