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?
---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen
