css bei IE und FireFox

[Weekend_Warrior]

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]

[tobias-digital]

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

[Weekend_Warrior]

Danke für die Warnung mit dem "nicht weite lesen"...

habs dennoch gemacht, denn mir ist bewußst, dass ich vom css keine Ahnung habe, dafür is der rest OK...

[Alde]

Sieh auch mal bei Selfhtml 8.1 nach.

Ich habs mit ner Browserweiche gelöst, für andere Eventuellitäten die auch nicht für beide Browser konform sind.

Alde

[mkScheller]

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/