Mike Frischknecht: CSS wird im Firefox nicht geladen

Hallo zusammen,

Nach dem ich im Forum noch keine Lösung gefunden habe, wende ich mich Direkt an die Profis ;-)

In http://www2.delvita.ch/office/index.php habe ich die http://www2.delvita.ch/office/style.css eingebunden. Im IE wird das CSS super geladen, jedoch der Firefox streikt.

Eingebunden wird im header das CSS wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>delVITA Office</title>
<link rel="shortcut icon" href="http://web12.zh3.wah.ch/favorit.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

Hier noch der Inhalt der CSS-Datei:

@charset "charset=iso-8859-1";
/* CSS Document */
body {
 font-family:  Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 10pt;
 margin: 0;
 padding: 0;
 background-image: url(img/background.gif);
 background-repeat: repeat-y;
}
.contentinhalt_1 {
 padding-top: 5px;
 padding-left: 10px;
 position: absolute;
 left: 260px;
}

#menubox {
 float: left;
 height: 100%;
 width: 250px;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;
 position: absolute;
}
#menubox #inhalt {
 width: 230px;
 padding: 10px;
}
#menubox #inhalt {
 width: 223px;
 position: relative;
}
#menubox #inhalt #top {
 background-image: url(img/menu/top.png);
 background-repeat: no-repeat;
 height: 20px;
 width: 100%;
 color: #5377D5;
 font-size: 10pt;
 font-weight: bold;
 text-indent: 10px;
 padding-top: 5px;
}
#menubox #inhalt .content {
 background-image: url(img/menu/inhalt.png);
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #FFFFFF;
 list-style-type: none;
 position: relative;
 top: -20px;
 font-weight: normal;
 font-size: 10pt;
 left: -40px;
 width: 223px;
 padding-top: 5px;
 padding-bottom: 5px;
}
#menubox #inhalt .content li {
 position: relative;
 height: 16px;
 padding-bottom: 3px;
 left: 15px;
 width: 100%;
}

#menubox #inhalt .content li a, #menubox #inhalt .content li a:visited {
 text-decoration: none;
 color: #5377D5;
}
#menubox #inhalt .content li a:hover {
 color: #0099FF;
 text-decoration: underline;
}
#menubox #inhalt .content li img {
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 left: -5px;
 position: relative;
 top: 4px;
}

Kann jemand von euch den Fehler entdecken?

  1. Hi Mike,

    Lass das mal probeweise weg:

    @charset "charset=iso-8859-1";
    /* CSS Document */

    Ohne jetzt mal den ganzen Rest genau beäugt zu haben.

    Auch refresh mit "realem" Neudownload probieren.

    Und noch ein Tip. Wenn du grafik einbindest wie hier:
    background-image: url(img/menu/inhalt.png);
    und auf dem Server steht das:
    background-image: url(img/menu/inhalt.PNG);
    geht das im Firefox nicht. Ich habe es ausprobiert, erst gestern. Die Dateiendung macht tatsächlich einen Unterschied zwischen Gross und Kleinschreibung.

    Frohes Fest gary

  2. Hallo,

    Im IE wird das CSS super geladen, jedoch der Firefox streikt.

    Erfahrungsgemäß verdächtig.

    Firefox lädt das CSS, im CSS-Code selbst scheint die Ursache zu liegen:

    @charset "charset=iso-8859-1";

    Firefox kommt so wohl etwas besser klar:

    @charset "iso-8859-1";

    Grüsse

    Cyx23

  3. Hier noch der Inhalt der CSS-Datei:

    @charset "charset=iso-8859-1";

    Eine kurze Suche nach "css charset" brachte als erster Ergebnis das:
    http://www.w3.org/International/questions/qa-css-charset

    Du solltest deine Quellen prüfen.

    Struppi.

  4. Hello out there!

    wende ich mich Direkt an die Profis ;-) […]
    Im IE wird das CSS super geladen, jedoch der Firefox streikt.

    Auch der Firefox lädt das CSS super; beginnt, es zu verarbeiten; findet einen Fehler und streikt daraufhin - zurecht.

    Nach Fehlern erstmal den CSS-Validator befragen, dann die Profis. ;-)

    See ya up the road,
    Gunnar

    --
    „Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
  5. Hallo zusammen,
    Herzlichen Dank für Eure Tipps!

    Es lag wie von euch erkannt am @charset

    Alt: @charset "charset=iso-8859-1";
    NEU: @charset "iso-8859-1";

    Und jetzt funktioniert alles. Ich wünsche euch einen guten Rutsch ins 2008 und mögen eure Projekte gelingen :-)

    Liebe Grüsse Mike Frischknecht