CSS funktioniert beim IE aber beim FF leider nicht.
Sehr geehrte Damen und Herren
Auf meiner Seite wird die externe css nicht richtig im Firefox angezeigt aber im IE schon.
Ich habe mal im Netz gesucht und einiges gefunden, so wie es ausschaut könnte das aber verschiedene Gründe haben. Befor ich mich zu tode quäle - hat ja vielleicht hier jemand eine Idee. Meine Seite ist http://rubyurl.com/nPCVA
Die Farbe der Schrift beim Datum ist Orange in der Main Seite und der Hintergrund zum Text ein helles Purpur http://rubyurl.com/H3Hws .
Die Farben sind im Firefox aber nicht zu sehen.
Kann es sein das die verknüpfung zum externen css der Grund ist?
----------MEINE CSS----------
Code:
.headlinecornerleft {
background: url(archiv/feld_o_l.jpg) no-repeat bottom right;
}
.headline {
background: url(archiv/feld_o_m.jpg) repeat-x bottom;
text-align: center;
letter-spacing: 5px;
padding-top: 15px;
padding-bottom: 5px;
font-weight: bold;
font-family: Tahoma, Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
font-size: 12px;
}
.headlinecornerright {
background: url(archiv/feld_o_r.jpg) no-repeat bottom left;
}
.textfeldcornerleft {
background: url(archiv/feld_m_l.jpg) repeat-y right;
}
.textfeld {
background: url(archiv/feld.jpg) repeat bottom left;
color: #656471;
margin: 0em 0em 0em 0em;
font-family: Tahoma, Verdana, Geneva, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
}
.textfeldcornerright {
background: url(archiv/feld_m_r.jpg) repeat-y left;
}
.footercornerleft {
background: url(archiv/feld_u_l.jpg) no-repeat top right;
font-size: 1.2em;
}
.footermiddle {
background: url(archiv/feld_u_m.jpg) repeat-x top;
font-size: 1.2em;
padding: 7;
}
.footercornerright {
background: url(archiv/feld_u_r.jpg) no-repeat top left;
font-size: 1.2em;
}
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 1em/normal Tahoma, Verdana, Geneva, Arial, Trebuchet MS, Helvetica, sans-serif;
color: #656471;
background-color: #14121f;
scrollbar-arrow-color: #FF6904;
scrollbar-base-color: #14121D;
scrollbar-track-color: #14121D;
scrollbar-face-color: #14121D;
scrollbar-highlight-color: #14121D;
scrollbar-3dlight-color: #656471;
scrollbar-darkshadow-color: #14121D;
scrollbar-shadow-color: #656471;
}
.noscript {
background-color: #FF6600;
color: #0C0A15;
font-weight: bold;
font-family: Tahoma, Verdana, Geneva, Arial, Trebuchet MS, Helvetica, sans-serif;
}
.copyright {
color: #656471;
font-family: Tahoma, Verdana, Geneva, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
text-align: right;
padding-bottom: 10px;
}
a:link { font-weight:bold; color: #656471; text-decoration: underline }
a:visited { font-weight:bold; color:#656471; text-decoration:underline }
}
.orangetext {
color: #FF6600;
font-weight: bold;
font-family: Tahoma, Verdana, Geneva, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
background-color: #14121F;
}
.orange {
color: #FF6600;
font-family: Tahoma, Verdana, Geneva, Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.text {
font-size: 12px;
font-family: Tahoma, Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
color: #656471;
}
.orangetextklein {
font-family: Tahoma, Verdana, Geneva, Arial, "Trebuchet MS", Helvetica, sans-serif;
color: #FF6600;
font-size: 11px;
font-weight: bold;
}
-----------------------------
-DIE VEKNÜPFUNG DIE ICH MACHE-
Code:
<link href="style_file.css" rel="stylesheet" type="text/css">
------------------------------
Ich bedanke mich im voraus für jegliche Hilfe!
Freundliche Grüsse
Elena
|