CSS wird in Firefox nicht richtig dargestellt!

[The silent tweaker]

Hallo Leute

Hab eine Seite für die Schule gmacht, war ne Hausaufgabe im Web-Modul, nun der Bereich der Homepage der mit CSS arbeitet wird im Firefox nicht richtig dargestellt:

-Die Navigation links ist nicht so wie es soll
-Im neuen Firefox sieht man dann sogar die Roll-Over Buttons nicht mehr und im alten gings noch!

Wenn ihr die Seite mit Opera oder Inet explorer anschaut geht alles Wunderbar nur mit dem verschiessenen Firefox nicht!!!

Hier der Link zu Seite, Queltext ist nicht gesperrt!

http://duker.freakz.biz/Homepage/index.html

Das CSS File findet ihr unter validiertes CSS auf der Home Seite

[redfalcon]

<td> 
    				<div style="background-image:url(gfx/Navigation.jpg); background-repeat:no-repeat;">
					height="400" width="200" border="0" align="center" class="test"> </div>

Rot sind fehlende Sachen, Grün überflüssige.

Und bitte schmeiss

Diese Seite ist für eine Auflösung von 1024 x 768 programmiert worden und läuft fehlerfrei unter den Browsern
Internet Explorer und Opera.

raus, das ist Müll. Ich wechsel wegen einer Website weder Browser, noch Auflösung.

[kerri]

Die Seite schonmal durch den Validator (validator.w3.org) gejagt? Wenn die Seite die html-Spezifikationen erfuellt, kannst Du sie auch auf css testen (css validator). Dann sollte der Firefox eigentlich auch keine Pobleme mehr mit der Darstellung haben.

Gruesse, kerri

EDIT:

Der Validator meldet mir:

Zitat von Validator

Result: Failed validation,

Sorry, I am unable to validate this document because on line 5-6, 88-89, 100-101, 105 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

An die Umlaute gedacht? Die sollten codiert werden, also ü=&uuml, etc.

[mondrian]

Ist der alte Firefox tatsächlich mit dem Code klargekommen oder hast du den von redfalcon genannten Fehler erst später bei Änderungen an der Seite reinbekommen?

[mceck]

Du solltest erst mal deinen Quelltext auf diverse Sachen überprüfen, z.B. fehlen teilweise > oder es ist ein " zu viel, im body-Tag ist auch ein Fehler drin... Sowas kann man mit einem Editor mit Syntax-Highlighting recht gut erkennen. Ich benutze gerne Notepad++. Außerdem kann ich dir für den Firefox die Erweiterungen Web Developer und HTML Validator empfehlen.

Damit ausgestattet findet man selber auch viele Fehler im HTML-Quelltext.

Edit: Wo sind denn im Quelltext eigentlich die Rollover-Effekte? Soll das der Javascript-Quatsch sein? Das geht doch afaik auch direkt mit HTML...

Noch'n Tipp: Ich empfehle Datei- und Verzeichnisnamen möglichst immer klein zu schreiben, ist deutlich einfacher.

[The silent tweaker]

Ja ich bin totaler Anfänger auf dem Gebiet, ist meine erste Seite!