• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Mozilla Firefox interpretiert meine CSS-Stylesheets nicht

Max Dhom

New member
Hallo,

habe eine Seite, die komplett auf php und CSS basiert. Im IE schaut die auch supoer aus, aber im Firefox wird einfach das meiste nicht interpretiert!
Miene style.css schaut so aus:

Code:
<style type="text/css">
 <!--
body {
 color: #000000;
 background-color: #CDCDCD;
 font-family: tahoma,helvetica;
 margin:0px;
background: url(images/bg.jpg) fixed repeat-x #033140;
}

body a:link, body a:visited, body a:active {
 color: #021921;
 text-decoration: none;
 
}
body a:hover {
 color: #043249;
 text-decoration: underline;
 

.mainpage {
 background-color: #ffffff;
}



.tableoutborder {
 background-color: #FFFFFF;
}



.tableinborder {
 background-color: #FFFFFF;
}

.threadline {
 color: #FFFFFF;
 background-color: #FFFFFF;
 height: 1px;
 border: 0;
}


.tabletitle {
 color: #043249;
 background-color: #FFFFFF;
 
}


.tabletitle_fc {
 color: #043249;
}


.inposttable {
 background-color: #ffffff;
 
}

.tabletitle a:link, .tabletitle a:visited, .tabletitle a:active { 
 color: #043249;
 text-decoration: none;
 
}
.tabletitle a:hover { 
 color: #043249;
 text-decoration: underline;
 
}
 
.smallfont {
 font-size: 10px;
 font-family: Tahoma,Helvetica;
}
.smallfont a:link, .smallfont a:visited, .headerfont a:active { 
 color: #021921;
 font-size: 10px;
 text-decoration: none;
 }
.smallfont a:hover { 
 color: #031E27;
 font-size: 10px;
 text-decoration: underline;
}

.supersmallfont {
 font-size: -1;
 font-family: Tahoma,Helvetica;
}

.normalfont {
 font-size: 11px;
 color: #043249;
 font-family: Tahoma,Helvetica;
}
.normalfont a:link, .normalfont a:visited, .normalfont a:active { 
 color: #021921;
 font-size: 11px;
 text-decoration: none;
 }
.normalfont a:hover { 
 color: #031E27;
 text-decoration: underline;
}


.tablecat {
 color: #043249;
 background-color: #D7D7D7;
}


.tablecat1 {
 color: #043249;
 background-color: #E2E2E2;
 
}


.tablecat_fc {
 color: #043249;
}


.tablecat a:link, .tablecat a:visited, .tablecat a:active {
 color: #021921;
 text-decoration: none;
 
}
.tablecat a:hover { 
 color: #022632;
 text-decoration: none;
 
}

.tablecatweiss {
 color: #043249;
 background-color: #FFFFFF;
}

.tablecatweiss a:link, .tablecatweiss a:visited, .tablecatweiss a:active {
 color: #021921;
 text-decoration: none;
 
}
.tablecatweiss a:hover { 
 color: #022632;
 text-decoration: none;
 
}

.tableb {
 color: #022632;
 background-color: #ECECEC;
}

.tablebweiss {
 color: #022632;
 background-color: #FFFFFF;
}

.tableb_fc {
 color: #022632;
}


.tableb a:link, .tableb a:visited, .tableb a:active { 
 color: #022632;
 text-decoration: none;
 
}
.tableb a:hover { 
 color: #022632;
 text-decoration: underline;
 
}

.tablebweiss a:link, .tablebweiss a:visited, .tablebweiss a:active { 
 color: #022632;
 text-decoration: none;
 
}
.tablebweiss a:hover { 
 color: #022632;
 text-decoration: underline;
 
}

.tablea {
 color: #022632;
 background-color: #ECECEC;
 
}


.tablea_fc {
 color: #022632;
}


.tablea a:link, .tablea a:visited, .tablea a:active {
 color: #022632;
 text-decoration: none;
 
}
.tablea a:hover { 
 color: #022632;
 text-decoration: none;
 
}

.prefix {
 color: #022632;
 
 
 
}

.time {
 color: #666686;
 
 
 
}

.highlight {
 color: red;
 font-weight: bold;
 
 
}

select {
 font-size: 10px;
 font-family: tahoma,helvetica;
 color: #043249;
 background-color: #ffffff;
 
}

textarea {
 font-size: 10px;
 font-family: tahoma,helvetica;
 color: #043249;
 background-color: #FFFFFF;
 
}

.input {
 font-size: 10px;
 font-family: tahoma,helvetica;
 color: #043249;
 background-color: #FFFFFF;
 border:1px solid #000000;
 border-top-width : 1px;
 border-right-width : 1px;
 border-bottom-width : 1px;
 border-left-width : 1px;
 text-indent : 2px;
}

.publicevent {
 color: red;
 
}

.privateevent {
 color: blue;
 
}

form {
 padding:0px;
 margin:0px;
}

pre {
 padding:0px;
 margin:0px;
}

.headerfont {
 color: #033140;
 font-size: 10px;
 font-weight: bold;
 font-family: Tahoma,Helvetica;
}
.headerfont a:link, .headerfont a:visited, .headerfont a:active { 
 color: #033140;
 text-decoration: none;
 }
.headerfont a:hover { 
 color: #031E27;
 text-decoration: underline;
}

a.content{
font-weight:bold;
}

.titelfont {
 color: #033140;
 font-size: 12px;
 font-weight: bold;
 font-family: Arial;
}

.autorfont {
 color: #033140;
 font-size: 10px;
 font-weight: bold;
 font-family: Arial;
 font-style:"italic";
}

-->
</style>

diese ist wie folgt eingebunden:

Code:
<link rel="stylesheet" type="text/css" href="style.css">

und dann immer so aufgerufen:

Code:
<td class="tableb" align="left" style="text-align: justify"><span class="normalfont">Hallo!<br>

aber nichts iwrd interortiert, der Hintergrund ist weiss, die Schriftart ist Times usw.....

Wie muss ich das ändern?
Danke,
Max
 
Moin!

HTML hat in einer CSS-Datei nichts verloren. Nimm das raus:

<style type="text/css">
<!--

...
-->
</style>


Ahoi - Pit
 
Zurück
Oben