nicht angemeldet
CSS und Netscape
0 0 0 0 0
CSS und Netscape
Hi !
Ich habe folgende Problem : Meine CSS funktionieren nur bei IEX
Netscape benutzt sie gar nicht :
Hier ist der Header :
<HTML>
<head>
<base target="_self">
<META http-equiv="Content-Style-Type" content="Text/css">
<link rel=stylesheet type="text/css" href="css/standard.css">
</head>
Die Standard.css Datei :
/* Formatierungseigenschaften fuer alle Seiten */
body {
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
top : 20px;
background: #F5F5DC;
background-color: #F5F5DC;
bgcolor : #F5F5DC;
topmargin : 20;
leftmargin : 20;
marginwidth : 20;
text : #000000;
link : #3333FF;
vlink : #551A8B;
alink : #551A8B;
font face : Arial;
}
Habt Ihr eine Idee warum ich das nicht hinkriege ? Ich bin schon ganz verzweifelt .
Claudia
-
hallo claudia,
versuch es doch mal mit Anführungszeichen um "stylesheet" herum, geht es dann?
<link rel="stylesheet" href="css/standard.css" type="text/css">
gruß soerenHier ist der Header :
<HTML>
<head>
<base target="_self">
<META http-equiv="Content-Style-Type" content="Text/css">
<link rel=stylesheet type="text/css" href="css/standard.css">
</head>-
hallo claudia,
versuch es doch mal mit Anführungszeichen um "stylesheet" herum, geht es dann?
<link rel="stylesheet" href="css/standard.css" type="text/css">
gruß soerenHallo Soeren
Nee, leider klappt es so auch nicht.
Claudia
-
Hallo Soeren und Claudia!
Soeren:
versuch es doch mal mit (...)
Es ist nett, dass Du Dich hier beteiligst und zu helfen bereit bist. Jedoch ist weniger manchmal (oft) mehr, vor allem ist mit solchen Antworten selten geholfen. Wenn Du Dir einer Antwort nicht sicher bist, dann lass sie bitte ganz sein. Oder Du testet es vorher und postest es dann, dann bist Du Dir nämlich sicher dessen, was Du schreibst, und kannst Dir das "versuche mal das, probiere mal dies" sparen?
Ich habe sowas bei Dir schon mehrmals gesehen.
Zu Deiner Antwort: Der Valligator bemängelt fehlende Anführungszeichen nur bei Attributangaben, welche Zahlen enthalten, also bei width="...", height="..." und allen anderen Angaben, die Zahlen enthalten. Auch bei style="..." sollten Anführungszeichen nicht fehlen, denn in der Regel gibt man da mehr als ein style an, und der String enthält auch unter Umständen Bindestrich und Doppelpunkt oder Semikolon (style="background-color:#eeeeee; font-size:12px;", zum Beispiel). Bei allen anderen Attribute gehören die Anführungszeichen zwar zum guten Stil, sind jedoch nicht zwingend erforderlich.
Zu Claudia:
Die andere Antwort von Soeren (die mit Leerzeichen entfernen) hilft Dir da wahrscheinlich ein Stück weiter. Hier empfehle ich Dir die Forumsauslese zu lesen. Dort hat Thomas JS einige Punkte zusammengetragen, die man beim Einsatz von CSS beachten sollte:<../../sfausles/tsfa_tba.htm#a12>
Bis danndann
PAF (patrickausfrankfurt)<img src="/selfaktuell/extras/selfcomm.jpg" alt=""> http://www.atomic-eggs.com/selfspezial/guests/advguest.cgi?view
-
-
oder Netscape könnte auch Probleme mit Leerzeichen haben:
versuch doch mal
margin-left:20px; anstelle von
margin-left: 20px; usw
gruß soerenbody {
»» margin-left: 20px;
»» margin-right: 20px;
»» margin-top: 20px;
»» margin-bottom: 20px;
»» top : 20px;
»» background: #F5F5DC;
»» background-color: #F5F5DC;
»» bgcolor : #F5F5DC;
»» topmargin : 20;
»» leftmargin : 20;
»» marginwidth : 20;
»» text : #000000;
»» link : #3333FF;
»» vlink : #551A8B;
»» alink : #551A8B;
»» font face : Arial;}
-
Hallo Claudia,
body {
Hier am besten 'body,td,th,p {' schreiben, da Netscape z.B. nach Tabellen oder Formularen gerne die Styles vergißt.
»» bgcolor : #F5F5DC;
bgcolor gehört nicht ins Stylesheet, diese Zeile kannst Du also weglassen.
»» topmargin : 20;
»» leftmargin : 20;
»» marginwidth : 20;Das gehört IMHO auch nicht in ein Stylesheet, sondern hatt nur im BODY-Tag Sinn.
»» text : #000000;
»» link : #3333FF;
»» vlink : #551A8B;
»» alink : #551A8B;Im BODY-Tag sind diese Attributnamen richtig, in CSS wird die Text mit 'color' vorgeschlagen, also:
color:#000000;
Die Farbvorschläge für die Links sind in extra Pseudoklassen unterzubringen (außerhalb von body {}), also z.B.a:link {
color:#3333ff;
}a:visited {
color:#551a8b;
}a:active {
color:#551a8b;
}wobei es sich anbietet, jeweils noch eine Hintergrundfarbe festzulegen.
»» font face : Arial;
Das heißt in CSS font-family, und es schadet nichts, zusätzlich zu Arial noch eine 'generic font-family' dazuzunehmen, weil die Browser sonst eventuell auf eine nicht gewünschte Serifschriftart zurückgreifen auf Systemen, auf denen keine Arial installiert ist, also:
font-family: Arial,sans-serif;
Hoffe, das hilft ein bißchen.
Grüßle,
Bea
-
Hi !
Ich habe folgende Problem : Meine CSS funktionieren nur bei IEX
Netscape benutzt sie gar nicht :Hier ist der Header :
<HTML>
<head>
<base target="_self">
<META http-equiv="Content-Style-Type" content="Text/css">
<link rel=stylesheet type="text/css" href="css/standard.css">
</head>Die Standard.css Datei :
/* Formatierungseigenschaften fuer alle Seiten */
body {
»» margin-left: 20px;
»» margin-right: 20px;
»» margin-top: 20px;
»» margin-bottom: 20px;
»» top : 20px;
»» background: #F5F5DC;
»» background-color: #F5F5DC;
»» bgcolor : #F5F5DC;
»» topmargin : 20;
»» leftmargin : 20;
»» marginwidth : 20;
»» text : #000000;
»» link : #3333FF;
»» vlink : #551A8B;
»» alink : #551A8B;
»» font face : Arial;}
Hallo Claudia!
Als ich Deine CSS-Datei sah, kam ich ein bisschen ins Schmunzeln. Du musst den Hintergrund nicht 3x bestimmen, auch die margins hast Du viel zu oft festgesetzt. Ich könnte mir denken, dass Du Dir nicht sicher warst, wie man das Background genau anführt. Nun, es gibt background-color und background-image, sonst nichts. Bei den margins ist es so dass immer margin-left/right/top/bottom geschrieben wird. Den Rest kannst da auch weglassen.
Die Link-Formate kann man auch anders angeben:a:link {color: #551A8B;}
a:active {color: #551A8B;}
a:visited {color: #551A8B;}Ich könnte mir leicht vorstellen, dass Netscape mit diesem Wirrwarr nicht ganz zurecht gekommen ist.
Gruß, Jan
-
Hallo Claudia,
kannst Du mir bitte schreiben, was alles _nicht_ funktioniert.
Unter Umständen kann eine Deaktivierung von Java und Javascript im Navigator die Ursache sein.
Gruß
Michael
-
Hi !
Erstmal vielen Dank für eure Hilfe. Ich habe jetzt verschiedenes
ausprobiert und so sieht jetzt meine Lösung aus (funktioniert perfekt) :/* Allgemeine Formatierungen */
body,td,th,p {
background-color : #F5F5DC;
font-family: Arial,sans-serif;
text : #000000;
link : #3333FF;
vlink : #551A8B;
alink : #551A8B;
topmargin:20;
leftmargin:20;
marginwidth:20;
marginheight:20;
}Ich hab vielleicht nicht alles nach den HTML Standart 4.0 umgesetzt , aber hautpsache es funktioniert.
Nochmal danke an Beate !
CU Claudia
-
Hallo Claudia,
sorry, daß ich mich nochmls einmische, aber im Sinne der Vorwärtskompatibilität würde ich das
body,td,th,p {
»» background-color : #F5F5DC;
»» font-family: Arial,sans-serif;
»» text : #000000;
»» link : #3333FF;
»» vlink : #551A8B;
»» alink : #551A8B;
»» topmargin:20;
»» leftmargin:20;
»» marginwidth:20;
»» marginheight:20;}
eher so schreiben:
body,td,th,p {
background-color:#f5f5dc;
font-family:Arial,sans-serif;
color:#000000;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
}a:link {
color:#3333ff;
background-color:#f5f5dc;
}a:visited {
color:#551a8b;
background-color:#f5f5dc;
}a:active {
color:#551a8b;
background-color:#f5f5dc;
}Das ist dann richtiges CSS und sollte auch 'funktionieren'.
Nochmal danke an Beate !
Gern geschehen :-)
Grüßle,
Bea
-
Hallo Claudia!
Ich hab vielleicht nicht alles nach den HTML Standart 4.0 umgesetzt , aber hautpsache es funktioniert.
Höre auf Beate! Denn was du machst ist sehr kurzsichtig. Außerdem es funktioniert bereits jetzt nicht überall.
Grüße
Thomas
-
-