Seite 1 von 3

CSS problem mit firefox

Verfasst: 03.02.2007 16:20
von 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?

Verfasst: 03.02.2007 16:36
von 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

Verfasst: 03.02.2007 16:46
von phillip
also was sollte ich deiner meinung nach machen?

Verfasst: 03.02.2007 16:49
von 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;

Verfasst: 03.02.2007 16:55
von phillip
ja aber ich will den hintergrund ja behalten

Verfasst: 03.02.2007 17:11
von miccom
Steht doch da, was du dann machen sollst?

Verfasst: 03.02.2007 17:21
von phillip
aber es gibt keine lösung, dass aussen das body.gif angezeigt wird, und innen weiss, sowie bei opera und safari, oder?

Verfasst: 03.02.2007 17:34
von 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.

Verfasst: 03.02.2007 17:51
von 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

Verfasst: 03.02.2007 17:58
von miccom
Das kann ich dir mittels zweier Screenshots und der body-Definition nicht beantworten - hast du einen Link zur konkreten Seite?