Mike Frischknecht: CSS wird im Firefox nicht geladen

Beitrag lesen

SELF-Forum

CSS wird im Firefox nicht geladen

Mike Frischknecht Homepage des Autors
– Informationen zu den Bewertungsregeln

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?

Beitrag melden
–
Informationen zu den Bewertungsregeln