Probleme mit div layer im Firefox

[uwe]

Hallo Leute, ich hab ein, für die meisten von euch wahrscheinlich leicht zu lösendes Problem: Ich möchte eine einfache Tabelle für ein Menu aus 2 Spalten machen, das ganze mit div-layern. Das ganze sieht mit dem IE super aus, nur der Firefox stellt den Rahmen und die Hintergrundfarbe nicht dar. Weiß jemand, was ich falsch mache?

schaut es euch mal mit dem Firefox und dem IE an:
http://b81.de/test.htm

[Felix Riesterer]

Lieber uwe,

http://b81.de/test.htm [...] nur der Firefox stellt den Rahmen und die Hintergrundfarbe nicht dar.

wieder einmal gilt: Wenn's der Firefox nicht korrekt anzeigt, der IE aber schon, dann ist mit 99%iger Wahrscheinlichkeit etwas faul.

In Deinem CSS steht eine Shorthand-Schreibweise:
border:1px solid;
Diese Schreibweise erwartet einen Farbcode, den Du aber nicht angibst. Stattdessen notierst Du border-color:#000000. Der Firefox verhält sich hier korrekt.

Das nächste, was mir auffällt, ist das fehlende Element, dass das Floaten cleart. Solange Deine floatenden Elemente nicht von einem nicht-floatenden Element "abgeschlossen" werden, kennt der Firefox deren tatsächliche Höhe nicht! Lösung: Entweder Du floatest #main_frame auch, oder aber es steht am Ende des #main_frames ein Element, das clear:left als Eigenschaft hat.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Uwe]

Hallo Felix,

[..] was mir auffällt, ist das fehlende Element, dass das Floaten cleart.

Das war das Problem.
Ich hab ganz schön lang an dieser Geschichte gesessen. Hab sonst immer alles mit Tabellen gemacht anstatt mit div-layern.

1000 Dank! :-)

Liebe Grüße, Uwe.