[CSS] CSS funktioniert im MF nicht | Gegen Bilderklau

Morgan Girl

Jetzt hab ich so schön meine Seite mit CSS umgebaut, allerdings nur in Opera immer angeschaut.
Jetzt ist alles schön in einem Stylesheet und nicht mehr auf den einzelnen Seiten. Blöderweise mag der MF das nicht. Er zeigt nämlich den Tabellen-CSS aus dem Stylesheet nicht an. Allerdings echt nur den von den Tabellen, Schrift, Überschriften & Links funktionieren verwirrt

Hab mal eine Beispieltabelle (php-Teil nicht reinkopiert, wär so lang^^) angehängt und natürlich das Stylesheet.

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:


<html>
<head>
<title>Die Pferdchenfarm</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<br>
<h1>Statistik der Pferde</h1>
<table align="center" width="500">
<tr>
<th id="dunkel" height="25" width="50%" colspan="2"><b>Allgemein</b></th>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Pferde insgesamt</td>
<td id="hell" width="50%"><?php echo $rowAll['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Verkaufspferde</td>
<td id="hell" width="50%"><?php echo $rowVerkaufis['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Privatpferde</td>
<td id="hell" width="50%"><?php echo $rowPrivat['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Schulpferde</td>
<td id="hell" width="50%"><?php echo $rowSchulis['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Turnierpferde</td>
<td id="hell" width="50%"><?php echo $rowTurnier['anzahl'] ?></td>
</tr>
<tr><td>&nbsp;</td></tr>
<tr>
<th id="dunkel" height="25" width="50%" colspan="2"><b>Nach Geschlecht</b></th>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Stuten</td>
<td id="hell" width="50%"><?php echo $rowStuten['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Hengste</td>
<td id="hell" width="50%"><?php echo $rowHengste['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Wallache</td>
<td id="hell" width="50%"><?php echo $rowWallache['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Fohlen</td>
<td id="hell" width="50%"><?php echo $rowFohlen['anzahl'] ?></td>
</tr>
<tr><td>&nbsp;</td></tr>
<tr>
<th id="dunkel" height="25" width="50%" colspan="2"><b>Nach Rasse</b></th>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Holsteiner</td>
<td id="hell" width="50%"><?php echo $rowHolsteiner['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Arabische Vollblüter</td>
<td id="hell" width="50%"><?php echo $rowAraber['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Islandponys</td>
<td id="hell" width="50%"><?php echo $rowIslaender['anzahl'] ?></td>
</tr>
<tr>
<td id="dunkel" height="25" width="50%">Shire Horses</td>
<td id="hell" width="50%"><?php echo $rowShires['anzahl'] ?></td>
</tr>
</table>
</body>
</html>

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:

BODY { 
color: #8EAD1E;
text-align: left; 
font-size: 10pt ;
font-family: Verdana; 
background-attachment: fixed;
scrollbar-3dlight-color: #D9EC94; 
scrollbar-arrow-color: #8EAD1E;
scrollbar-darkshadow-color: #D9EC94;
scrollbar-face-color: #D9EC94;
scrollbar-highlight-color: #D9EC94;
scrollbar-shadow-color: #D9EC94;
scrollbar-track-color: #D9EC94; 
}

a:link {color: #8EAD1E; text-decoration:none; border-bottom : 1px dotted #8EAD1E;}
a:visited {color: #8EAD1E; text-decoration:none; border-bottom : 1px dotted #8EAD1E;}
a:active {color: #8EAD1E; text-decoration:none; text-transform: uppercase;}
a:hover {color: #8EAD1E; text-decoration:none; text-transform: uppercase;}

h1 {
font-size : 10pt;
color : #8EAD1E;
font-family : Verdana;
line-height : 100%;
border-bottom : 1px solid #8EAD1E;
font-weight : bold;
text-align: left;
}

hr {
border-bottom : 1px solid #8EAD1E;
}

SELECT {
font-family: Verdana;
font-size: 11px;
border: 2px solid #8ead1e;
background-color: #E8F5B8;
color: #8ead1e;
}

TEXTAREA {
border: 2px solid #8ead1e;
background-color: #E8F5B8;
color: #8ead1e;
}

input {
border: 2px solid #8ead1e;
background-color: #E8F5B8;
color: #8ead1e;
}

input#button {
background-image: url(Background.png);
border: 2px solid #8ead1e;
background-color:#AAC254;
color:#E8F5B8;
}

input#radio {
border: 0px solid #8ead1e;
}


h2 {
font-size : 10pt;
color : #E8F5B8;
font-family : Verdana;
line-height : 100%;
border-bottom : 1px solid #E8F5B8;
font-weight : bold;
text-align: left;
}

table {
padding: 0px;
font-family: Verdana;
font-size: 10pt;
text-align: center;
}


th {
background-image: url(Background.png);
color: #E8F5B8;
}


td#dunkel {
background-color: #8ead1e;
color: #E8F5B8;
}
#dunkel a:link {color: #E8F5B8; text-decoration:none; border-bottom : 1px dotted #E8F5B8;}
#dunkel a:visited {color: #E8F5B8; text-decoration:none; border-bottom : 1px dotted #E8F5B8;}
#dunkel a:active {color: #E8F5B8; text-decoration:none;}
#dunkel a:hover {color: #E8F5B8; text-decoration:none; text-transform: uppercase;}


td#hell {
background-color: #aac254;
color: #E8F5B8;
}
#hell a:link {color: #E8F5B8; text-decoration:none; border-bottom : 1px dotted #E8F5B8;}
#hell a:visited {color: #E8F5B8; text-decoration:none; border-bottom : 1px dotted #E8F5B8;}
#hell a:active {color: #E8F5B8; text-decoration:none;}
#hell a:hover {color: #E8F5B8; text-decoration:none; text-transform: uppercase;}


td#null {
background-color: #D9EC94;
}
#null a:link {color: #D9EC94; text-decoration:none; border-bottom : 1px dotted #D9EC94;}
#null a:visited {color: #D9EC94; text-decoration:none; border-bottom : 1px dotted #D9EC94;}
#null a:active {color: #D9EC94; text-decoration:none;}
#null a:hover {color: #D9EC94; text-decoration:none; text-transform: uppercase;}

1Sm!le

Ich kann mir gut vorstellen, dass Firefox es gar nicht mag, dass id's mehrfach vergeben werden ... du solltest Klassen benutzen für hell und dunkel, id's sind seitenweit eindeutige Bezeichner.

Majarina

Ich würd auch sagen, einfach mal mit class="" versuchen. Funktioniert bei mir im MF ganz normal.

cll

ich schätze mal du willst in den Tabellen auch die CSS-Eigenschaften vom Body haben? Das unterstützen mehrere Browser nicht. Du musst alles was du für body definierst nochmal für table definieren!

Morgan Girl

Zitat:

Original von BlackTear
Schreib statt "table" einfach "td" davor Augenzwinkern

Edit: Also im entsprechenden CSS Teil.

hey genial, ich musste nur das ändern und schon hats funktioniert