Mein CSS scheint nicht mit Netscape zu laufen

[michael]

Hi, ich habe ein Problem mit meinem CSS. Wenn jemand meine Website mit Netscape besucht, sieht die Schrift anders aus und es gibt noch ein paar Farbfehler. Woran kanns liegen? Muss ich einen absoluten Link zu CSS setzen, auch wenn ich eine base href angegeben habe?

Bin für Tips immer dankbar.

Hier mein CSS:

---------------------------------------------------------------------
body { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/back.jpg);
background-attachment:fixed;
 }

body.top0 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_0_top.jpg);
background-attachment:fixed;
 }

body.main0 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_0_main.jpg);
background-attachment:fixed;
 }

body.ground0 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_0_ground.jpg);
background-attachment:fixed;
 }

body.top1 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_1_top.jpg);
background-attachment:fixed;
 }

body.main1 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_1_main.jpg);
background-attachment:fixed;
 }

body.ground1 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_1_ground.jpg);
background-attachment:fixed;
 }

body.top2 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_2_top.jpg);
background-attachment:fixed;
 }

body.main2 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_2_main.jpg);
background-attachment:fixed;
 }

body.ground2 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_2_ground.jpg);
background-attachment:fixed;
 }

body.top3 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_3_top.jpg);
background-attachment:fixed;
 }

body.main3 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_3_main.jpg);
background-attachment:fixed;
 }

body.ground3 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_3_ground.jpg);
background-attachment:fixed;
 }

body.top4 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_4_top.jpg);
background-attachment:fixed;
 }

body.main4 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_4_main.jpg);
background-attachment:fixed;
 }

body.ground4 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_4_ground.jpg);
background-attachment:fixed;
 }

body.top5 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_5_top.jpg);
background-attachment:fixed;
 }

body.main5 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_5_main.jpg);
background-attachment:fixed;
 }

body.ground5 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_5_ground.jpg);
background-attachment:fixed;
 }

body.top6 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_6_top.jpg);
background-attachment:fixed;
 }

body.main6 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
scrollbar-3d-light-color:#1D2025;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;
scrollbar-dark-shadow-color:#1D2025;
scrollbar-face-color:#1D2025;
scrollbar-highlight-color:#1D2025;
scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_6_main.jpg);
background-attachment:fixed;
 }

body.ground6 { margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/bg_6_ground.jpg);
background-attachment:fixed;
 }

a:link { color:#FFFFFF; text-decoration:none; font-weight:bold }
a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold }
a:active { color:#FFFFFF; text-decoration:none; font-weight:bold }

form {
font-family:arial;
font-size:8pt;
 }

input {
font-family:arial;
font-size:8pt;
color:#FFFFFF;
border-width:1px;
border-color:#FFFFFF;
background-color:#000000;
 }

textarea {
font-family:arial;
font-size:8pt;
color:#FFFFFF;
border-width:1px;
border-color:#FFFFFF;
background-color:#000000;
 }

table { margin-left:5px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
 }

hr {
height:1px;
border:0px;
width:100%;
color:#ffffff;
background-color:#000000;
alignement:center;
}
--------------------------------------------------------------------

[Utz]

Hi Michael,

ich schätze das liegt daran, dass NS Schwierigkeiten mit der Vererbung hat, d.h., eine Schriftart, die Du mit einer dem Body zugewiesenen Klasse definierst, wird "vergessen", wenn die zu formatierende Schrift in z.B. einem <p>-Element auftaucht.

Definiere statt dessen tag-unabhängige Klassen, die Du dann den jeweiligen Elementen im HTML über class="..." zuweist - das geht dann (besser zumindest :-).

Aber jetzt erklär mir doch noch:

body { margin-left:20px;
body.top0 { margin-left:20px;
body.main0 { margin-left:20px;
body.ground0 { margin-left:20px;
body.top1 { margin-left:20px;
body.main1 { margin-left:20px;
body.ground1 { margin-left:20px;
body.top2 { margin-left:20px;
body.main2 { margin-left:20px;
body.ground2 { margin-left:20px;
body.top3 { margin-left:20px;
body.main3 { margin-left:20px;
body.ground3 { margin-left:20px;
body.top4 { margin-left:20px;
body.main4 { margin-left:20px;
body.ground4 { margin-left:20px;
body.top5 { margin-left:20px;
body.main5 { margin-left:20px;
body.ground5 { margin-left:20px;
body.top6 { margin-left:20px;
body.main6 { margin-left:20px;
body.ground6 { margin-left:20px;

22 sehr ausführliche Body-Formatierungen in _einer_ CSS-Datei? Die eh nur auf einen Body angewendet werden kann? Was bezweckst Du denn damit?

Grüße,

Utz

[michael]

Hi Utz,

folgendes:

<script language="javascript">
datum = new Date();
wochentag=datum.getDay();
wochentag+="";
document.write("<body class='main"+wochentag+"'>")
</script>

Und das bei 3 Frames. :)

Dass der die Scrollbar Definitionen nicht kennt, ist mir klar. Und <p> Tags benutze ich überhaupt nicht. Habe nur 3 Stellen, an denen die Schriftfarbe und Größe im <font> Tag angegeben ist.

Michael

[Utz]

Hi Michael,

<script language="javascript">
datum = new Date();
wochentag=datum.getDay();
wochentag+="";
document.write("<body class='main"+wochentag+"'>")
</script>

sowas dachte ich mir :-) Erstens ist da ein Fehler drin:
document.write("<body class='main"+wochentag+"'>")
ergibt im HTML: <body class='main_irgendwas'> - Attributwerte gehören aber in Anführungszeichen, nicht in Hochkommata.
document.write('<body class="main'+wochentag+'">') wäre da besser, da kommt korrektes HTML bei raus.
Und zweitens (hilft bei Deinem unmittelbaren Problem nicht, aber trotzdem sei's erwähnt): Viel eleganter (IMHO) und etliches ressourcensparender wäre es, wenn Du nicht den Body-Tag dynamisch nach Wochentag schreibst, sondern den Link-Tag, der auf die CSS-Datei verweist. Dann bräuchtest Du zwar etliche verschiedene CSS-Dateien, die aber 1.) sehr viel kleiner und damit schneller übertragen wären, und 2.) sinkt die Gefahr, dass ein Browser ob vieler CSS-Anweisungen durcheinander kommt.

Dass der die Scrollbar Definitionen nicht kennt, ist mir klar. Und <p> Tags benutze ich überhaupt nicht. Habe nur 3 Stellen, an denen die Schriftfarbe und Größe im <font> Tag angegeben ist.

p-Tags waren nur ein Beispiel. Das kann auch bei allen anderen Tags in die Hose gehen.

Grüße,

Utz

[michael]

Hi Utz,

ich änder das mal ab. Danke für den Tip.

Gruß

Michael

[Sven Rautenberg]

<script language="javascript">
datum = new Date();
wochentag=datum.getDay();
wochentag+="";
document.write("<body class='main"+wochentag+"'>")
</script>

Linke doch einfach dynamisch auf jeweils EIN Frameset. Könnte ja sein, daß Netscape damit das Problem hat.

Also

document.write("<link rel="stylesheet" type="text/css"
href="style"+wochentag+".css">");

Deine Styles liegen dann in den Dateien style0.css bis style6.css.

Habe nur 3 Stellen, an denen die Schriftfarbe und Größe im <font> Tag angegeben ist.

Warum denn das? Dafür gibst doch genau CSS. ;)

- Sven Rautenberg

[michael]

Hi Sven,

danke für die Tips. Die Fehler sind mit aber aufgefallen, bevor ich dieses JavaScript und das lange CSS eingebaut habe. Vorher hatte ich ein kurzes CSS und nicht mal eine Class Definition im <body> Tag.

Gruß

Michael

[Thomas J.S.]

Hallo,

Hi, ich habe ein Problem mit meinem CSS. Wenn jemand meine Website

und wo bistt ist deine webseite, oder sollten wir das zweck überprüfung nicht besuchen?

mit Netscape besucht, sieht die Schrift anders aus

bei mir ist die schrift im IE und im NS so gut wie unleserlich. 8pt ist zu klein. es sei denn du lieferst mit der webseite eine öupe aus.

-------------
body {
margin-left:20px;
[x]margin-right:20px;
margin-top:10px;
[x]margin-bottom:10px;
[x]scrollbar-3d-light-color:#1D2025;
[x]scrollbar-arrow-color:#000000;
[x]scrollbar-base-color:#000000;
[x]scrollbar-dark-shadow-color:#1D2025;
[x]scrollbar-face-color:#1D2025;
[x]scrollbar-highlight-color:#1D2025;
[x]scrollbar-shadow-color:#000000;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
background-color:#000000;
background-image:url(http://mein.hamburg.de/homepage/mlt56/felixandmichael/gfx/back.jpg);
[x]background-attachment:fixed;
 }

[x] = Netscape kann das nicht.

a:link { color:#FFFFFF; text-decoration:none; font-weight:bold }
a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold }
a:active { color:#FFFFFF; text-decoration:none; font-weight:bold }

da würde:
a { color:#FFFFFF; text-decoration:none; font-weight:bold }
reichen.

form {
font-family:arial;
font-size:8pt;
 }

input {
font-family:arial;
font-size:8pt;
[x[ color:#FFFFFF;
[x] border-width:1px;
[x] border-color:#FFFFFF;
[x] background-color:#000000;
 }

textarea {
font-family:arial;
font-size:8pt;
[x] color:#FFFFFF;
[x] border-width:1px;
[x] border-color:#FFFFFF;
[x] background-color:#000000;
 }

table {
[x] margin-left:5px;
[x] margin-right:0px;
[x] margin-top:0px;
[x] margin-bottom:0px;
font-family:arial;
font-size:8pt;
color:#FFFFFF;
 }
wobei du es eher so machen solltest:
td {
font-family:arial;
font-size:8pt;
color:#FFFFFF;
}

hr {
[x] height:1px;
[x] border:0px;
width:100%;
[x] color:#ffffff;
[x] background-color:#000000;
/* das gibts eigentlich nicht: alignement:center; */
text-align:center;
align:center; /*dies ist für NS */
}

bei <hr> solltest du eher mit html versuchen im <hr>
[x] = der NS kann das nicht

und bitte das nächste mal deine frage etwas präziser stellen.

grüße
thomas

[michael]

Hi Thomas,

danke für deine Antwort. Ich werde jetzt eine extra Website für die Netscape Besucher erstellen.

Gruß

Michael