Tabelle wird im Firefox nicht dargestellt, im IExplorer 7 dagegen schon, warum?

[WinniPuh]

Guten Morgen!

Habe hier ein Darstellungsproblem.
Eine Tabelle wird im Internet Explorer 7 gut dargestellt, im Firefox dagegen nicht.

Hat jemand eine Idee, woran das liegen kann?

Hier der Code:

< div class="randgruen" >
< p style="text-align:justify; margin-left:0.5cm; margin-right:0.5cm" id="gruen" >
Bitte schicken Sie Ihre Vorlagen rechtzeitig ein, wenn Sie die Scans bis Weihnachten 2008 ben&ouml;tigen!
< /p >
< /div >

Der Eintrag in der CSS-Datei lautet:

.randgruen { BACKGROUND-COLOR: #FFFFC0; border:1px dotted #00C000; padding: .5; background-position: 2px 2px; margin-left:0.5cm; margin-right:0.5cm; }


Gruß WinniPuh

 

[thuemmy]

Also ich kann mit bestem Willen keine Tabelle erkennen. Aber einen Ansatz zum prüfen habe ich Dir trotzdem. Eine schlamperhaft erstelle Tabelle akzeptiert der IE eher als der FF. Das soll heißen, prüfe nach, ob alle Tabellen-Elemente auch ordentlich geschlossen sind.

Gruß thuemmy

P.S. Tabellen sind normalerweise dafür vorgesehen, tabellarische Daten darzustellen und sollten nicht für Layout-Zwecke missbraucht werden.

 

[Efchen]

Eine Tabelle wird im Internet Explorer 7 gut dargestellt, im Firefox dagegen nicht.
Hier der Code:

Wo ist die Tabelle? Da ist nur ein Textabsatz der mit sich selbst gruppiert wird.

< div class="randgruen" >

Die Leerzeichen zwischen dem "<" und dem "div" usw. müssen weg.

< p style="text-align:justify; margin-left:0.5cm; margin-right:0.5cm" id="gruen" >

Eine id mit Namen "gruen" ist ungünstig. Wenn Du mal das Design ändern willst, hast Du entweder ein Element mit Namen "gruen", das aber eine andere Farbe hat, oder Du musst die ID im HTML-Code überall ändern. Das ist nicht im Sinne der "Trennung von Inhalt und Layout" (macht Dir das Leben also auch unnötig schwer). Wähle nur Namen, die etwas über die Funktion des Elements aussagen.

Eine Tabelle wird im Internet Explorer 7 gut dargestellt, im Firefox dagegen nicht.

Was bedeutet "gut" für Dich?

.randgruen { BACKGROUND-COLOR: #FFFFC0; border:1px dotted #00C000; padding: .5; background-position: 2px 2px; margin-left:0.5cm; margin-right:0.5cm; }

1. In CSS wird normalerweise alles klein geschrieben.
2. Beim padding fehlt die Angabe einer Einheit. Ohne Einheit gehts nicht.

Gruß,
-Efchen