CSS problem mit firefox

[phillip]

Da ich normalerweise den Browser Safari benutze, beschloss ich doch einmal mit dem firefox zu surfen...
Ich musste feststellen, dass firefox irgendetwas an CSS nicht verstand, denn die Seite sah mit dem Firefox plötzlich so aus:

Firefox

normalerweise sollte sie aber so aussehen:

Safari & Opera

Was versteht Firefox nun an CSS nicht? abgeändert habe ich nur einmal den hintergrund:

Code: Alles auswählen

body
{
  background                 :url(images/body.gif);
  color						 :#000000;

  font						 :12px Verdana,Arial,Helvetica,sans-serif;
  margin					 :6px;
  padding					 :0px;

  scrollbar-3dlight-color    :#d1d7dc;
  scrollbar-arrow-color      :#006699;
  scrollbar-darkshadow-color :#98aab1;
  scrollbar-face-color       :#dee3e7;
  scrollbar-highlight-color  :#ffffff;
  scrollbar-shadow-color     :#dee3e7;
  scrollbar-track-color      :#efefef
}

Weiss jemand an was das liegen könnte?

[miccom]

Ähm, schwarzes Hintergrundbild und weiße Hintergrundfarbe, wie soll das gehen?

Opera zeigt halt den background und FF das Hintergrundbild zuerst an. Dieses ist schwarz:
http://www.myqube.ch/templates/cback/images/back.gif

[phillip]

also was sollte ich deiner meinung nach machen?

[miccom]

Wenn du es weiß haben willst, entfernst du:

Code: Alles auswählen

background                 :url(images/body.gif);

Wenn du es schwarz haben willst machst du aus:

Code: Alles auswählen

  background                 :url(images/body.gif);
  color                   :#000000; 

Das:

Code: Alles auswählen

  color                   :#242424; 

Wenn du den Verlauf aber haben willst, entfernst du:

Code: Alles auswählen

color                   :#000000;

[phillip]

ja aber ich will den hintergrund ja behalten

[miccom]

Steht doch da, was du dann machen sollst?

[phillip]

aber es gibt keine lösung, dass aussen das body.gif angezeigt wird, und innen weiss, sowie bei opera und safari, oder?

[miccom]

Der body hat kein außen oder innen? Und mehr als deinen CSS-Ausschnitt sehe ich ja nicht.

Du kannst ja nicht 2 unterschiedliche Arten von Hintergründen definieren und dann verlangen, dass einmal der und einmal der andere angezeigt werden. Da musst du dann schon eine weitere Klasse dafür einrichten.

z.B.:

Code: Alles auswählen

box
{
  background                 :url(images/body.gif);
}

Und dann gibst du dem Conatiner oder was auch immer halt mittels class=box die gewünschten Eigenschaften.

[phillip]

ja aber, wieso wird es denn im opera und safari genau so angezeigt, wie ich möchte und beim firefox nicht?

wo müsste man die neue klasse einfügen? im index_body nehm ich mal an

[miccom]

Das kann ich dir mittels zweier Screenshots und der body-Definition nicht beantworten - hast du einen Link zur konkreten Seite?