Fehler In Css, Suche Fehler in CSS-Datei Einstellungen

[uschi]

Hat irgendjemand Langeweile und möchte mir helfen? Mit CSS kenne ich mich noch nicht so gut aus, ich lese hier und dort und habe es auch schon manchmal hinbekommen. Aber heute? HÄÄÄ

Im Internetexplorer wird alles richtig gezeigt - aber Netscape usw. zeigen mir meine Fehler! Aber ich weiss nicht welche Fehler ich gemacht habe!

Hier ist mein Link:Testseite für meinen Neffen

Und hier die dazugehörige format.css

}
body{
font-family: "Comic Sans MS";
text-align: center;
font-size: medium;
background-color: #000000;
background-image: url(images/harry.gif);
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
color:#C0C0C0;
}
table {
font-family: "Comic Sans MS";
font-size: medium;
}
#title {
width: 730px;
font-style: normal;
font-size: 40px;
font-variant: normal;
font-weight: normal;
height: 40px;
text-align: right;
}

table.center {
font-family: "Comic Sans MS";
font-size: medium;
text-align: center;
vertical-align: middle;
background-position: center;
}
li {
list-style-position: outside;
margin-left: 50px;
}

h1 {
font-size: x-large;
color: Silver;
margin: 0px;
}
h2 {
font-size: large;
color: Silver;
}
h3 {
font-size: smaller;
color: Silver;
}
p {
margin-top: 0px;
color: Silver;
}

a:link, a:active, a:hover
{
color: Gray;
font-size: medium;
}
a:active, a:hover
{
color: Silver;
background-color: Gray;
}
a:visited
{
color: white;
font-size: medium;
background-image: url(images/zauberst.gif);
background-position: right;
background-repeat: no-repeat;
text-decoration: none;
}
/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{
color: Black;
text-decoration: none;
font-size: 18px;
}
a.menu:active, a.menu:hover
{
color: Black;
background-color: Gray;
text-decoration: none;
font-size: 18px;
}

/* Das Menü */
#menu {
color: Black;
background-color: Silver;
text-align: center;
padding: 5px 10px 5px 10px;
width: 730px;
border-left: medium solid Gray;
border-right: medium solid Gray;
border-top: medium solid Gray;
font-size: 18px;
}

/* Der Inhalt */
#content {
border-top: medium solid Gray;
color: Silver;
text-align: justify;
width: 730px;
border-left: medium solid Gray;
border-right: medium solid Gray;
border-bottom: medium solid Gray;
padding: 10px 10px 0px 10px;
background-color: Black;
}
#unten{
color: Black;
background-color: Silver;
text-align: center;
padding: 5px 10px 0px 10px;
width: 730px;
border-left: medium solid Gray;
border-right: medium solid Gray;
border-bottom: medium solid Gray;
font-size: 18px;
}

Im Netscape fehlen Hintergrundbild, schwarzer Hintergrund und die Schrift stimmt auch nicht! Kann sich einer erbarmen?

Danke
Uschi

[amethyst]

Hallo Uschi,
heute nacht nicht mehr, aber ich schau es mir morgen mal an. Es könnte sein, dass der netscape z.b. nicht background image und background color umsetzt, weiß ich aber noch nicht ;-))

Vielleicht ist ja ein anderer schneller, Conny sieht sowas immer sehr schnell und Netizen ist auch Profi ;-)) und und und

Ihr dürft Euch alle gern vor mir betätigen ,-))

gruß uschi

Der Beitrag wurde von amethyst bearbeitet: 13.05.2004 - 0:35

[fire65]

hallo uschi,
im firefox 0.8 siehts gut aus , aber ein hintergrundbild seh ich auch nicht...

background-image: url(images/harry.gif);

vielleicht den ganzen pfad angeben...


ich persönlich würde aber was an dem grau machen?! ist zu "farblos" für einen künstler...

Der Beitrag wurde von fire65 bearbeitet: 13.05.2004 - 8:32

[Worgan]

Hallo,

ich würde zuerst einmal die Css Datei validieren, z.B. unter http://jigsaw.w3.org/css-validator/validator-uri.html - wenn die Seite upgeloadet ist. den Rest wirst Du dort lesen.

Martin

[Conny]

Hi,
außer die Klammer: '}' oberhalb von Body, weist die CSS (im Level2) auf dem ersten Blick keine fehler auf.

Sind die Pfadangaben zu den Bildern Richtig?

Die eigentliche Seite kann ich mir später erst anschauen, habe gerade wenig Zeit...

cu
Conny

[uschi]

Zum besseren Vergleich 2 Screenshots:
1. Internet Explorer


2. Firefox


Die CSS zu validieren ist ne gute Idee, das werde ich heute abend mal komplett durchgehen.

Danke für den Tipp!

Uschi

[fire65]

hallo uschi,
background:url(http://xxx.de/bilder/logo.jpg) no-repeat #0F0000 bottom right fixed;

versuchs mal so. eben dann left fixed

[amethyst]

Hallo Fire,
dann kann es Uschi aber nur online überprüfen, oder?

Gruß Uschi (die andere ;-))

[uschi]

Ich habe es geschafft. Diese Klammer war wohl wirklich der Fehler und ich weiss noch nicht mal wie die dahin gekommen ist. Auch der Tipp von fire65 war gut, DANKE!

Der einzige Fehler ist jetzt noch:

Line : 0 font-family: Es wird empfohlen, daß Sie eine generische Familie als letzte Alternative angeben

Kann ich da einfach eine andere Schriftart dazuschreiben?

Beispiel: font-family: "Comic Sans MS", Times New Roman;

oder wie muss das aussehen?

Viele Grüße

Uschi

[fire65]

ja, du solltest immer besser mehrere schriftarten angeben, aber ich denke times reicht dann.
im firefox ist das bild nun zu sehen.

aber gehört dir das bild? denk bitte an copyright!

Der Beitrag wurde von fire65 bearbeitet: 13.05.2004 - 15:48

[i.b.g]

Hallo,

mit generisch ist gemeint, dass man serif oder sans-serif einträgt.

Bsp.

QUELLTEXT

...
font-family: "Comic Sans MS", sans-serif;
...

Jetzt wird, wenn "Comic Sans MS" nicht auf dem Nutzer-PC-gefunden wird, die im Browser voreingestellte serifenlose Schrift angezeigt. Andere als generische Schriften machen stets Probleme, weil man nie wissen kann was beim Nutzer wirklich auf dem PC ist und was er eingestellt. Selbst alle CSS-Angaben können durch ein Nutzer-StyleSheet überschrieben werden, wenn es denn im Browser so eingestellt ist, und dann passt manchmal nichts mehr, wenn man es übertrieben hat.

[Auge]

Der einzige Fehler ist jetzt noch:

Line : 0 font-family: Es wird empfohlen, daß Sie eine generische Familie als letzte Alternative angeben

Kann ich da einfach eine andere Schriftart dazuschreiben?

Beispiel: font-family: "Comic Sans MS", Times New Roman;

Hallo

Generische Familie meint die Angabe, ob die Schrift mit oder ohne Serifen,
oder z.B. Fantasy oder Monofont sein soll.
Damit kannst du sicherstellen, daß der User die Seite in etwa so sieht,
wie du es planst, selbst wenn er keine der x angegebenen Schriften hat.
Irgendeine Schriftart, die ähnlich den gewünschten aussieht, wird er schon haben.

Zum Beispiel könnte die Zeile mit serifenlosen Schriften so aussehen:

QUELLTEXT

font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;

für Serifenschriften:

QUELLTEXT

font-family: "Times New Roman", "New Roman", serif;

oder für Monofonts (diktengleiche Schrift, wie der Standard im Editor):

QUELLTEXT

font-family: Courier, monofont;

Und immer dran denken: Schriftartnamen mit mehreren Wörtern bitte
in Anführungszeichen setzen. ;-)

Tschö, Auge

[SteffenG]

Hallo,

die 'generische Schriftart' wird verwendet, wenn alle Stricke gerissen sind, d.h. wenn keine der konkreten Schriftarten, die im CSS angegeben sind, auf dem jeweiligen Client-Rechner gefunden werden konnten.
Die generische Schriftart für Times wäre somit 'serif' - mit Serifen. Für Arial wäre es 'sans-serif' - ohne Serifen. Es gibt noch 'cursive' und 'monotspace' (z.B. Courier New).


schöne Grüße
Steffen


Haha - viele fast gleichzeitige Antworten...

Der Beitrag wurde von SteffenG bearbeitet: 13.05.2004 - 16:15

[Google Bot]