Kann Firefox CSS?

Hallo zusammen,

ich habe mir spaßeshalber mal den Firefox 2.0.0.3 installiert um mir
darunter auch einmal meine HP anzusehen.
Nach der Installation habe ich nichts verändert also auch keine AddOns
installiert.

Ich muss sagen, die Darstellung mit dem Firefox sieht gegenüber dem IE
ziemlich grauslig aus. Versteht Firefox kein CSS?
Da stimmt ja so gut wie gar nichts mehr. Könnte ich bei der Installation
etwas vergessen haben?

Meine HP lautet: www.rollhockey-online.de.

Gruß,
Hans-Dieter

Re: Kann Firefox CSS?

Hans-Dieter Hasse schrieb:

> Ich muss sagen, die Darstellung mit dem Firefox sieht gegenüber dem IE
> ziemlich grauslig aus. Versteht Firefox kein CSS?

In manchen Gruppen wärst du dafür bereits geteert und gefedert worden...

> Meine HP lautet: www.rollhockey-online.de.


findet etliche Fehler. Die Fehler-Konsole von Firefox meldet, daß diese
Regeln jeweils wegen des ungültigen Selektors ignoriert wurden.

Dein HTML-Code sieht auch etwas verwegen aus. Schmeiß "style"-Attribute
und "font"-Elemente raus, dann kann mit einer Fehleranalyse anfangen.

Re: Kann Firefox CSS?

Hallo Christoph,

auf einer Testseite
(http://www.rollhockey-online.de/Testordner/Testseite.htm) habe ich Deinen
Rat befolgt und angefangen die Teile rauszulöschen. Hier rächt sich jetzt
natürlich, dass ich kein html kann. Ich zerschieße mir nur die Testseite.
Das macht so keinen Sinn.

Aber mal anders rum gefragt. Was hab ich denn überhaupt gemacht? Ich habe
eine CSS-Datei erstellt und mit Klassen (nennt man das Klassen?) bestückt.

Wie z. B.:
....
span.8-normal { font-family: Verdana, Arial, Helvetica; font-size: 8pt }
span.8-fett { font-family: Verdana, Arial, Helvetica; font-size: 8pt;
font-weight: bold }
....

Diese CSS-Datei habe ich über "Link zu Stylesheet" bekannt gemacht und in
die Seiten eingebunden.
Damit habe ich dann die Texte formatiert und den Rest hat Frontpage 2003
gemacht.

Wo habe ich denn hierbei den entscheidenden Fehler gemacht?

Der IE kommt damit klar, aber Firefox ließt die CSS-Datei offensichtlich gar
nicht ein. Deutet darauf vielleicht die Bemerkung "Kein Stylesheet gefunden"
hin?

Soll das nicht erkannte Linkelement oder xml-stylsheet in Zeile 17 sein?
Zeile 17 wäre eigentlich:
"PI" habe ich im Code gar nicht gefunden.

Gruß,
Hans-Dieter

Re: Kann Firefox CSS?

Die Frage kann man nur als Sakrileg bezeichnen!
In meinem Firefox sieht es eigentlich nicht schlecht aus.

Wenn der Firfox aber die css Datei nicht findet dann hast Du irgendein
gröberes Syntax Problem in den ersten paar Zeilen.

Als erstes würde ich mal eine HTML Deklaration als erste Zeile einfügen.
Dann mit dem Validator alle Fehler im Header ausbügeln und schauen ob
der Firefox immer noch kein schönes Eergebnis ergibt.
Dann weiter debugen
Dann auch noch Opera austesten.
Bei mir dauert das auch viel länger wie der erste Entwurf, wohl auch auf
Grund meiner nicht sehr guten HTML Kenntnisse. ZUdem ist das Gebiet der
Browsermacken unendlich gross.

Irgendwann geht das alles und Du wirst erschöpft und glücklich sein!

Viel Erfolg
Urs

Re: Kann Firefox CSS?

Hallo Urs,

> In meinem Firefox sieht es eigentlich nicht schlecht aus.

das ist für mich unlogisch, denn dann kann es am Quellcode nicht liegen.

Wir haben beide Firefox auf dem Rechner und wir rufen beide den gleichen
Quellcode auf. Bei Dir ist es wohl OK, bei mir nicht.
Dann muss der Firefox einen Schalter haben, den ich bisher noch nicht
gefunden habe.

Wie schon gesagt, ich habe Firefox einfach nur installiert, und sonst
nichts. Wenn ich eine fremde Seite aufrufe, weiß ich ja nicht wie sie
aussehen soll. Der Browser, egal wie er heißt, sollte die Seite einfach nur
aufbauen. Kleine Unstimmigkeiten wird es hier immer geben. Aber das der
Firefox die CSS-Datei nicht einließt, nur weil ich evtl. vergessen habe
einen Schalter anzuschalten, das will mir nicht in den Kopf.

Hast Du den IE auch auf dem Rechner? Sieht die Seite damit entscheidend
anders aus? Das Hauptproblem ist hierbei die Schriftendarstellung.

Gruß,
Hans-Dieter

Re: Kann Firefox CSS?

Hans-Dieter Hasse schrieb:

> Wie schon gesagt, ich habe Firefox einfach nur installiert, und sonst
> nichts. Wenn ich eine fremde Seite aufrufe, weiß ich ja nicht wie sie
> aussehen soll. Der Browser, egal wie er heißt, sollte die Seite einfach nur
> aufbauen. Kleine Unstimmigkeiten wird es hier immer geben. Aber das der
> Firefox die CSS-Datei nicht einließt, nur weil ich evtl. vergessen habe
> einen Schalter anzuschalten, das will mir nicht in den Kopf.

Hallo Hans-Dieter,
sieh mal nach bei Firefox: Extras - Einstellungen - Inhalt und da bei
Schriftart und Farben.
Gruss Hugo

Re: Kann Firefox CSS?

Hallo Hugo,

"Seiten das Verwenden von eigenen statt der oben gewählten
Schriftarten/Farben erlauben" ist angehakt, somit müssten die von mir durch
die CSS-Datei gemachten Vorgaben erlaubt sein.

Wenn ich die Haken rausnehme, sieht's noch schlimmer aus. ;o))

Danke für Deinen Hinweis!


Gruß,
Hans-Dieter

Re: Kann Firefox CSS?

Hallo Hans-Dieter,

>> In meinem Firefox sieht es eigentlich nicht schlecht aus.
>
> das ist für mich unlogisch, denn dann kann es am Quellcode nicht
> liegen.

In meinem Firefox sieht es auch "gut" aus, im IE6 und IE7 auch,
und selbst da gibt es Unterschiede zwischen den IE Versionen.

> Wir haben beide Firefox auf dem Rechner und wir rufen beide den
> gleichen Quellcode auf. Bei Dir ist es wohl OK, bei mir nicht.
> Dann muss der Firefox einen Schalter haben, den ich bisher noch nicht
> gefunden habe.

Na ja, du hast einfach nicht verstanden was "gut" bedeutet. Wenn
alles lesbar / sichtbar ist, dann sieht es halt erst mal gut aus und
darauf kommt es an.

> Wie schon gesagt, ich habe Firefox einfach nur installiert, und sonst
> nichts. Wenn ich eine fremde Seite aufrufe, weiß ich ja nicht wie sie
> aussehen soll.

Eben genau das ist der Punkt, und du weißt genau so wenig auf
deinem eigenen Rechner wie das aussieht wenn du andere Einsellungen
in Bezug auf Auflösung, Schriftgröße in Windows, Textgröße im Browser
usw. hast. Das ist halt Usersache, mach aber überhaupt nichts wenn
alles lesbar / sichtbar ist. Und genau so sehen es die Besucher
deines Webs, wenn sie alles lesen / sehen können ist es ok und
du bekommst hier die Rückmeldung, dass das "gut" aussieht.

> Der Browser, egal wie er heißt, sollte die Seite
> einfach nur aufbauen. Kleine Unstimmigkeiten wird es hier immer
> geben. Aber das der Firefox die CSS-Datei nicht einließt, nur weil
> ich evtl. vergessen habe einen Schalter anzuschalten, das will mir
> nicht in den Kopf.

Firefox liest deine CSS Datei schon ein. Der Punkt ist aber der,
dass du da ziemlich chaotischen Qellcode in deiner Seite hast.

Eine CSS Datei ist schön und gut, wenn du dann aber
anschließend noch inline-Formatierungen machst überschreiben
diese natürlich die vorher eingelesene CSS Datei. Und die hast
du auf den IE abgestimmt was andere Browser nicht unbedingt
verstehen. Da hättest du dir die CSS Datei auch sparen können

> Hast Du den IE auch auf dem Rechner? Sieht die Seite damit
> entscheidend anders aus? Das Hauptproblem ist hierbei die
> Schriftendarstellung.

Sie sieht im IE anders aus als in FF. Aber was genau bezeichnest
du da als "Problem"? Eine Seite sieht selbst bei gleicher
Browserversion fast nie gleich aus auf verschiedenen Rechnern.
Mal ganz abgesehen davon, dass es auch andere Betriebssysteme
als Windows gibt. Da können grade Schriften ganz anders
dargestellt werden wenn der Browser z.B eine Ersatzschriftart
nimmt weil die vorgegebene nicht existiert.

Und wichtig ist doch nur erstmal, dass der Text zu lesen ist oder?

eine genau idendische Darstellung einer Seite wirst du
nie erreichen zu 100% mußt du aber auch nicht, da Seiten
im Web nicht mit einem Printlayout zu vergleichen sind.

Gruß,
Frank

Re: Kann Firefox CSS?

Hallo Frank,

ich habe nur wenige Vergleichsmöglichkeiten. Wenn ich bei mir auf der Arbeit
meine Seite anschaue, dann sieht sie optisch genau so aus wie bei mir zu
Hause. Das gleiche Ergebnis erhielt ich auch bei Freunden und Bekannten.
Darauf beruhte meine Erwartungshaltung. Und um so größer war dann halt die
Enttäuschung, dass meine Seite mit dem FF optisch nicht so dargestellt
wurde.

Ich habe mir jetzt auch noch den Opera installiert und muss zugeben, dass
meine Ansprüche wohl doch etwas überzogen sind.
Der Opera zeigt meine Seite zwar besser an als der FF, aber das Ergebnis
entspricht optisch auch nicht dem IE.
OK, ich glaube ich muss hier etwas umdenken.

Da ich kein HTML kann, muss ich halt das nehmen was FP fabriziert, auch wenn
es aus Sicht der Profis nicht so optimal ist. ;o))
Also ich denke, ich werde mal mit EW und einem neuen Layout einen Neuanfang
machen und dabei gleich die zwei anderen Browser zur optischen Kontrolle mit
einbeziehen. Das, muss ich zugeben, hatte ich bisher nicht gemacht.

Vielen Dank für Deinen Kommentar.

Gruß,
Hans-Dieter

Re: Kann Firefox CSS?

Hans-Dieter Hasse schrieb:

> auf einer Testseite
> (http://www.rollhockey-online.de/Testordner/Testseite.htm) habe ich Deinen
> Rat befolgt und angefangen die Teile rauszulöschen.

Also ich sehe da immer noch unzählige "font"-Elemente und "style"-Attribute.

Du kannst diese Codes automatisch und bequem entfernen lassen.

Strg+H, dann Register "HTML-Tags" aktivieren, nach "[Alle Tags]" suchen
lassen, als Ersetzungsaktion "Attribut entfernen" und als "Attribut" natürlich
"style". Den "Suchbereich" kannst du ja zunächst auf die "Aktuelle Seite"
eingrenzen, dann kann nichts passieren, insbesondere wird dabei nicht sofort
gespeichert. Dann das ganze nochmal, dieses Mal nach "font" suchen und als "Tag
entfernen" wählen.

> span.8-normal { font-family: Verdana, Arial, Helvetica; font-size: 8pt }

Der Selektor "span.8-normal" ist ungültig, Klassennamen dürfen nicht mit
einer Ziffer beginnen. Klassen sollten außerdem abstrakt gewählt werden,
meinetwegen "class='wichtig'" oder "class='aktuell'". Du klebst hingegen
an der Formatierung. Was machst du denn wenn du die Schriftgröße ändern
willst? Willst du dann auch alle "class"-Attribute ändern?
Schließlich sind Größenangaben mit der Einheit "pt" böse, weil sie u.U.
die vom Benutzer gewählte Schriftgröße überschreiben, und überhaupt
solltest du Schriftarten, -farben und -größen nur sparsam vorgeben.
enthält bspw. nur zweimal "font-family" und
einmal "font-size".

> Wo habe ich denn hierbei den entscheidenden Fehler gemacht?

"Links zu Stylesheet" ist schon genau richtig, nur enthalten deine
HTML-Dokumente zusätzlich noch massig Altlasten.

> Der IE kommt damit klar, aber Firefox ließt die CSS-Datei offensichtlich
> gar nicht ein.

Ja, weil alle Regeln im externen Stylesheet ungültig sind, s.o.
Ändere die Klassennamen.

> Deutet darauf vielleicht die Bemerkung "Kein Stylesheet gefunden" hin?

Wer sagt das?

Re: Kann Firefox CSS?

Hallo Christoph,

> Der Selektor "span.8-normal" ist ungültig, Klassennamen dürfen nicht mit
> einer Ziffer beginnen.

So verstehe ich auch die Fehlermeldung im css-validator. In CSS1 war's noch
OK, seit CSS2 nicht mehr.

>> Deutet darauf vielleicht die Bemerkung "Kein Stylesheet gefunden" hin?
>
> Wer sagt das?

Der css-validator
http://jigsaw.w3.org/css-validator/validator?uri=http://www. rollhockey-online.de/Testordner/Testseite.htm,
ganz unten.


Gruß,
Hans-Dieter

Re: Kann Firefox CSS?

Hans-Dieter Hasse schrieb:

> http://jigsaw.w3.org/css-validator/validator?uri=http://www. rollhockey-online.de/Testordner/Testseite.htm,
> ganz unten.

Komische Meldung. Möglicherweise verschwindet sie, wenn du in