Zum Inhalt springen

css bei IE und FireFox


Weekend_Warrior

Empfohlene Beiträge

Hi, ich hab ein Problem, im IE wird meine Seite richtig dargestellt, aber im FireFox wird das StyleSheet nicht interpretiert.

Leider hab ich keine Ahnung warum.

Hier mal ein Auszug des StyleSheets, evt sieht ja einer nen Fehler!!

body.*                {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; background-color:#FFFFFF;}
body.*.rot {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt; background-color:#FFFFFF;}
body.*.fett {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600; background-color:#FFFFFF;}
body.*.button {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; background-color:#D4D0C8;}
body.* a:link {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt}
body.* a:visited {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt}
body.* a:active {text-decoration:none; font-family:'Arial'; color:#FF0000; font-size:10pt}

table.border {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; background-color:#FFFFFF; border-width:2px; border-style:solid; border-color:#7F7F7F; border-spacing:0px; border-collapse:collapse;}
table.*.navi {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600; background-color:#FFFFFF;}
table.*.navi a:link {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}
table.*.navi a:visited{text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}
table.*.navi a:active {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}
table.*.navi a:hover {text-decoration:none; font-family:'Arial'; color:#000000; font-size:10pt; font-weight:600}[/PHP]

Link zu diesem Kommentar
Auf anderen Seiten teilen

Naja, du hast viele Syntaxfehler im Markup und den * Selektor versteht der IE AFAIK nicht. Aber wenn das deine einzigen Stylsheet Angaben sind habe ich mir erlaubt die mal ein bißchen zu verbessern:


body {

  text-decoration: none; 

  color: black; 

  font: 10pt Arial, sans-serif; 

  background: white;

}

.rot, a {

  color: red; 

}

.fett, table .navi, table .navi a {

  font-weight: 600; 

}

.button {

  background: #D4D0C8;

}

table.border {

  border: 2px solid #7F7F7F;

  border-spacing: 0; 

  border-collapse: collapse;

}

Dieser Code müsste eigentlich das gleiche bewirken was du da verzapft hast. Aber wenn du meine ehrliche Meinung hören willst (wenn nich dann einfach nicht weiterlesen): Gehe auf diverse Einsteigerseiten und lerne! Ausprobieren ist toll, aber wenn man nicht mal die simpelste Grundlage draufhat, sollte man vielleicht nochmal von vorne anfangen.

Gruß, Tobias

Link zu diesem Kommentar
Auf anderen Seiten teilen

so wie ich das in letzter Zeit so mitgekriegt habe, interpretiert der IE fehlerhaften code meistens auch so, wie man es sich vorstellt, der Firefox ist dagegen wesentlich konsequenter und interpretiert den falschen code entweder gar nicht oder total falsch

...und das ist auch gut so

Am besten immer validieren: http://validator.w3.org/

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...