Oper und Firefox ignorieren CSS

Driver · 17.03.2005, 21:21

Hallo,
ich arbeite momentan an einer Seite und habe ca. 90 Zeilen CSS Code. Allerdings wird der nur im IE richtig dagestellt. Opera und Firefoy ignorieren alle Angaben, bis auf body. Hab alles nochmal kontrolliert und keinen Fehler gefunden. Das einzige, was mit aufgefallen ist, ist folgendes:

Code:

.main_table.menu.border{
  border:2px solid #3F69AB;
}

Also praktisch Klassen in Klassen. Anscheinend wird das von Opera und Firefox nicht (richtig) interpretiert. Gibt es da eine einfache Lösung, indem ich da nur irgendein Zeichen hinzufügen muss, oder muss ich das alles nochmal überarbeiten?
Gruß,
Driver

Boris · 17.03.2005, 22:14

Wenn der IE "alles korrekt" anzeigt, und der Firefox nicht, ist Dein HTML/CSS Code hunz. Wie sieht denn die komplette CSS-Datei aus?

designfanatiker · 17.03.2005, 22:27

Die verschachtelten Klassen solltest du mit einem Leerzeichen voneinander trennen. Aus ".main_table.menu.border" wird dann ".main_table .menu .border" - und schon funktioniert es problemlos. Außerdem würde ich gefühlsmäßig auf den Unterstrich in der Klassenbezeichnung verzichten.

steffenk · 17.03.2005, 23:36

_ ist in css nicht zulässig. Gebrauche dazu - !
Der IE geht etwas schlampig mit den Konventionen um

Driver · 18.03.2005, 06:50

Oh super, danke für die schnelle Hilfe. Obwohl ich schon lange mit CSS abreite, hab ich aber noch nie gelesen, dass Unterstriche nicht interpretiert werden :-/ Naja, jetzt weiß ich's.
Ein PRoblem hätte ich jetzt aber noch:

Code:

.main-table .menu {
  width:120px;
  font-size: 11px;
  padding-left:3px;
  padding-right:3px;
}

Opera ignoriert die Padding angaben

Und ohne die sieht das ganze wesentlich weinger gut aus. Kann da einer aushelfen?

steffenk · 18.03.2005, 08:08

versuche es mal mit einer kompletten Padding-Angabe, also
padding : 3px 3px 3px 3px;
oder
padding: 3px;

Driver · 19.03.2005, 10:53

Zitat:

Zitat von St@eff.en

versuche es mal mit einer kompletten Padding-Angabe, also
padding : 3px 3px 3px 3px;
oder
padding: 3px;

Wird leider beides nicht dargestellt

Boris · 19.03.2005, 10:57

Versuchs mit margin

Driver · 19.03.2005, 11:06

Zitat:

Zitat von Boris

Versuchs mit margin

Geht auch nicht

hero-master · 19.03.2005, 11:14

Dann wäre es eine sher große Hilfe das ganze Online zu betrachten oder wnigstens ein Stück mehr Code zu Gesicht zu bekommen

Driver · 19.03.2005, 11:30

Zitat:

Zitat von hero-master

Dann wäre es eine sher große Hilfe das ganze Online zu betrachten oder wnigstens ein Stück mehr Code zu Gesicht zu bekommen

http://lvbawue.wrestling-area.com/neu/index.php

steffenk · 19.03.2005, 11:53

Du benutzt eine völlig veraltete Methode zum zentrieren : <center>
Das würde ich auch ignorieren

Pack die Tabelle in ein div und zentriere es.

Driver · 19.03.2005, 12:17

Zitat:

Zitat von St@eff.en

Du benutzt eine völlig veraltete Methode zum zentrieren : <center>
Das würde ich auch ignorieren

Pack die Tabelle in ein div und zentriere es.

Oh, na gut, wurde geändert. Aber das Problem mit Padding hab ich immernoch.

steffenk · 19.03.2005, 12:37

Kein Wunder.

Die Inhalte sind ja nicht in den divs sondern in Tabellenzellen

td {
padding:3px;
}

das löst Dein Problem

Driver · 19.03.2005, 13:03

Zitat:

Zitat von St@eff.en

Kein Wunder.

Die Inhalte sind ja nicht in den divs sondern in Tabellenzellen

td {
padding:3px;
}

das löst Dein Problem

OK, danke. Hat funktioniert. Ich sollte vielleicht mal öfters mit padding arbeiten