AnzeigeProbleme, Firefox zeigt Seite nicht korrekt an! Einstellungen

[Moneybrother]

Einen wunderschönen guten Morgen, Mittag, Abend,...

ich habe Probleme mit meiner Homepage (LINK)

Im Internet Explorer wird alles sauber angezeigt, im Firefox hingegen sieht es schlimm aus. Einige User haben mich darauf angesprochen, nun mach ich mich endlich MIT EURER Hilfe daran, das Problem zu lösen.
Ich hoffe ihr könnt mir helfen...

Ich habe für die Entwicklung verwendet:
html seiten
php seiten
ein javascript file
und ein css file (/hass3.css)

Da ich bereits ein wenig in diesem Forum gestörbert habe und gemerkt habe, dass ich nicht der einzige bin mit dem Problem, hab ich mal die Seite durchvalidieren lassen (sowohl html als auch css file)
Da kam einiges an Fehlern hoch...

was soll ich nun tun?
Liegt es am HTML oder am CSS file....oder an was ganz anderem?

Ich bin für jede Hilfe dankbar!!!

Viele Grüße
Daniel

[i.b.g]

Hallo,

... hab ich mal die Seite durchvalidieren lassen (sowohl html als auch css file)
Da kam einiges an Fehlern hoch...

was soll ich nun tun?

Dann solltest Du die Fehler - sowohl in HTML wie auch in CSS, die Dir angezeigt wurden, zunächst beseitigen und wenn dann immer noch Darstellungsprobleme existieren, diese hier etwas genauer beschreiben, denn man kann nicht ohne weiteres erkennen was gewollte Gestaltung und Missgeschick ist.
Wenn das Javascript für die Seite unerlässlich ist, was besonders fatal wäre, solltest Du überdies nachdenken, ob es eine andere Lösung gibt, die den Zugang zur Seite ermöglicht.

Nach einem ersten Blick in das CSS, kann ich Dir sagen, dass Dein Hauptproblem die absolute Positionierung von Blockelementen sein könnte. Das macht nur in abgeschlossenen und definierten Systemumgebungen sinn. Für das Internet ist das eher untauglich. Da solltest Du bei der Gestaltung der Seite ansetzen und vollkommen drauf verzichten. HTML IST NICHT DTP. Also muss man Kompromisse suchen.

Für den Anfang von mir ... die andern melden sich ganz bestimmt auch noch.

[Moneybrother]

Wenn absolute Positionierung nicht sinn macht, welche dann? relative oder fixed?

Noch ne Frage: Woran liegt es, dass man den Text auf der Seite nicht markieren kann? bzw. nicht bestimmte (einzelne) Wörter

Der Beitrag wurde von Moneybrother bearbeitet: 25.11.2005 - 11:40

[i.b.g]

Hallo,

ich versuche, mit so wenig wie möglich fixen Positionen zu arbeiten und für den Rest den natürlichen Fluss der Elemente zu akzeptieren. Manchmal kommt man dabei zugegebener Maßen nicht umhin, den Boxen ein feste Größe zu verpassen. Es darf eben nur nicht zur Methode werden. Auch die float-Eigenschaft ist recht interessant für die Gestaltung.

[Moneybrother]

mist, ich dachte mit der absoluten fixierung ne einfache art gefunden zu haben, die seite zu gestalten....

ich hab mich gerade eben in die Float-Geschichte eingelesen....
ist das üblicher STil?

[i.b.g]

Hallo,

es ist, so denke ich, zeitgemäß und fördert die Unabhängigkeit des Codes von den Browsern, denn gerade bei der Umsetzung des box-models gemäß den Empfehlungen des W3C gehen die Browser-Hersteller sehr verschiedene Wege, was regelmäßig zu Darstellungskonflikten zwischen den Browsern führt. Mit float wird eine Box aus dem normalen Fluss der Objekte herausgenommen und an den rechten oder linken Rand gedrängt, wobei der Rest normal "weiterfließt".

[Margoutias]

Guten Tag an alle; ich bin ein absoluter HTML Anfänger. Ich habe meine Seiten mit Publisher; Powerpoint etc. "gezaubert" und - naiv wie ich nun mal bin - als Web abgespeichert, dann über FTP hochgeladen. Und auch bei mir taucht das Problem auf: IExpl liest alles tadellos. Mozilla spielt verrückt. Alle Fotos werden unterdrückt, der Text ist verstümmelt...und und und...
Mit den Hilfen in den HTML Programmen tue ich mich schwer. Gibt es eine Grundregel, die man beim Erstellen von Web's generell beachten muss?

Gruss
Lutz / Frankreich

[i.b.g]

Hallo,

nun das liest sich für mich wie das klassische Nicht-Beachten der Ordnerstruktur. Wenn man seine Seiten lokal erstellt (das dürfte der Normalfall sein), dann muss man dafür sorgen, dass die Ordnerstruktur auf dem Webserver genauso aussieht wie die lokale. Natürlich kann man das im allgemeinen wohl nur bezogen auf die Startdatei des Projektes wirklich umsetzten. Deshalb ist zunächst die relative Adressierung von Pfadangaben ein sehr hilfreiches Mittel. Muss man mal absolut adressieren, dann immer bezogen auf die Domain.

Bsp. relativ:

../bilder/bild.gif

Bsp. absolut:

http://www.meinedomain.tld/bilder/bild.gif

Alle Angaben wie C:\...\bilder\bild.gif führen im Web regelmäßig zu groben Fehlern.

Ich empfehle Dir dringend, SelfHTML zu laden und den Einsteigerkurs abzuarbeiten. Ach ja, und selbst die größten "Profis" benötigen ein Nachschlagewerk und die meisten, die ich kenne, nutzen SelfHTML - wenn sie Deutsch sprechen.

[Auge]

Hallo

ich bin ein absoluter HTML Anfänger. Ich habe meine Seiten mit Publisher; Powerpoint etc. "gezaubert" und - naiv wie ich nun mal bin - als Web abgespeichert, dann über FTP hochgeladen. Und auch bei mir taucht das Problem auf: IExpl liest alles tadellos. Mozilla spielt verrückt. Alle Fotos werden unterdrückt, der Text ist verstümmelt...und und und...
Mit den Hilfen in den HTML Programmen tue ich mich schwer. Gibt es eine Grundregel, die man beim Erstellen von Web's generell beachten muss?

Du bist in die "Microsoft-Falle"[1] getreten. Die von dir genannten Programme (dieser Firma) erzeugen keinen sauberen HTML-Code. Der Internet Explorer selbiger Firma kann aber, im Gegensatz zu Browsern anderer Hersteller, mit diesen Formatierungen umgehen. Deshalb stellt er die Seite auch, als einziger, wie gewünscht dar.

Die eingesetzten Elemente, die nicht zum HTML-Sprachumfang gehören, ermöglichen es, die erzeugte Seite auch weiterhin mit diesen Programmen zu benutzen. Sie sorgen aber auch dafür, dass Browser, die die Elemente nicht kennen, durcheinander geraten.

Was die Bilder, die nicht angezeigt werden, betrifft, liegt die Vermutung nahe, dass die Pfade zu den Bildern, wie auf deiner Festplatte tatsächlich gegeben, gesetzt wurden.

Beispiel 1:

QUELLTEXT

<img src="C:\Seite\Bilder\irgendein bild.jpg">

Dies kann auf einem Webserver aus mehreren Gründen (höchstwahrscheinlich) nicht funktionieren.

1. Der Pfad wird so nicht stimmen.

2. Auf den meisten Webserver wird Linux als Betriebssystem (BS) ausgeführt. Daraus folgt:

2.1. Die Verzeichnisstruktur sieht auf einem Linuxsystem grundlegend anders aus.

2.2. Bilder, HTML-Dateien etc., also alles, was in eine HTML-Datei extern eingebunden wird, gelten als Ressourcen und werden, im Kontext des HTTP-Protokolls unter Angabe des Protokolls sowie des Pfades oder relativ unter Angabe des Pfades von der aufrufenden Ressource (Seite) aus gesehen, nicht aber mit dem lokalen Dateipfad, notiert.

2.3. Als Trennzeichen zwischen Verzeichnissen sowie Dateien dient nicht der Backslash (\) sondern der Slash (/).

2.4. Unter UNIX-basierten BS, zu denen Linux gehört, gibt es in Dateinamen kein Leerzeichen.

2.5. Zudem wird, im Gegensatz zu MS-BS, zwischen Groß- und Kleinschreibung unterschieden. (text.txt, Text.txt, TEXT.txt, text.TXT etc. sind verschiedene Dateien! Unter MS-BS handelte es sich immer um die selbe Datei.)

Dies alles sind mögliche Fehler. Prüfe den Quelltext deiner Dateien auf die genannten Fehlerquellen.

Zu den Punkten, die nicht einfach durch Suchen und Ersetzen zu beheben sind:

zu 2.2.
Der Aufruf eines Bildes oder auch der Link zu einer anderen HTML-Datei sollte so aussehen:

(vollständiger Pfad (beispielsweise zu einem Bild von einem anderen Server))

QUELLTEXT

<img src="http://www.example.org/bilder/irgendein_bild.jpg" alt="">

(relativer Pfad (erst Verzeichnisstruktur, dann img-Tag))

QUELLTEXT

index.html
bilder/irgendein_bild.jpg <!-- das gewünschte Bild -->
beispiel/seite.html <!-- die Seite, in die das Bild eingefügt werden soll -->

QUELLTEXT

<img src="../bilder/irgendein_bild.jpg" alt="">

../ sagt aus, dass es von seite.html aus gesehen, erst einmal eine Verzeichnisebene nach oben geht, und dann in das Verzeichnis bilder in dem sich das Bild irgendein_bild.jpg befindet.

zu 2.4.
Wie du oben siehst, habe ich das Leerzeichen aus dem Beispiel 1 durch den Unterstrich _ ersetzt. Du kannst auch den Bindestrich/das Minuszeichen - verwenden oder die Lücke vollständig schließen. Es gingen auch weitere Zeichen, z.B. der Punkt ., die aber im allgemeinen an dieser Stelle nicht verwandt werden.

Lutz / Frankreich

Falls es dir weiterhilft: Das von i.b.g angesprochene SELFHTML gibt es auch in einer französischen Version.
Wenn du nicht nur dieses eine Mal HTML-Seiten erzeugen willst, solltest du dieses Dokument zumindest tief(gehend) überflogen haben.

[1] Es gibt auch andere Programme, die unbrauchbaren Code produzieren. Da du aber diese Programme benutzt, nenne ich die Falle mal so.

Tschö, Auge

[edit] PS: Dies ist mein 333-ster Beitrag. Bin ich jetzt "halb-evil"? >;-)

Der Beitrag wurde von Auge bearbeitet: 18.04.2006 - 16:41

[Google Bot]