Gegen Bilderklau - Das Original | Druckvorschau: CSS funktioniert im MF nicht

Geschrieben von Morgan Girl am 05.05.2009 um 19:16:

CSS funktioniert im MF nicht

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;}

Geschrieben von 1Sm!le am 05.05.2009 um 22:06:

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.

Geschrieben von Majarina am 05.05.2009 um 22:50:

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

Geschrieben von cll am 06.05.2009 um 11:57:

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!

Geschrieben von Morgan Girl am 06.05.2009 um 14:24:

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