molily: Der Unterwasserpark Sonagua - Webseitentest

Beitrag lesen

Hallo, Christoph,

Mich interessiert sowohl, wie das Gesamtkonzept aus den Augen anderer geglückt ist

Meiner Meinung nach ist es absolut stimmig und durchdacht, auf jedes kleinste Detail wurde geachtet, die Illusion ist perfekt, womit ich meine, dass die Phantasie wunderbar idyllisch und träumenswert ist, unabhängig davon, ob der Besucher weiß, dass es "nur" (was heißt das schon) eine Phantasie ist. Es ist perfekt, ich bin entzückt und sprachlos... man schmunzelt immer wieder über die Kleinigkeiten...

als auch, wie Opera und Mozilla (ich teste nur unter IE und Netscape) die Seiten akzeptieren.
Wie ich gerade bei einem Freund gesehen habe, interpretiert IE 6.0 (im Gegensatz zu 5.5) in jede Tabellenzeile ein 'align="center"' hinein. Oder kann mir sonst jemand erklären, warum da alles zentriert ist und das Layout dadurch natürlich in die Hosen geht?
Und hat jemand Opera oder Mozilla verwendet?

Dein Tabellenlayout ist sch... suboptimal. :) Nein, ehrlich, die verschachtelten Tabellen sind zum Teil unnötig, da ließe sich viel wegrationalisieren, vor allem mit CSS. Ich weiß zwar nicht, ob das dann mit NS 4.x noch läuft, aber der Fehler bei IE 6 und die Fehler in Opera (werde ich gleich beschreiben) rühren genau daher. Ich habe einmal im Code gewütet und siehe da, die Fehler verschwanden und zwei Tabellen konnten entsorgt werden, genauso habe ich die Navigation zweispaltig machen können, indem das Hintergrundbild mit CSS gesetzt wird. Die meisten align="center" und fast alle style="height:100%" habe ich auch herausgenommen, ohne etwas am Layout zu ändern.

Im Opera ist die Seite Overkill - erst einmal hört die Seite nicht (nie) auf zu laden, man muss mit Escape das Rendern abbrechen. Wahrscheinlich beißt sich Opera an der Stelle fest, wo der Hauptinhalt aufhört und der Fuß anfängt. Nachdem ich dort eine Tabelle entsorgt habe und durch ein padding ersetzt hatte, machte Opera keine Fehler mehr - bis auf eine Sache: willkürlich wird die Seite als HTML-Quelltext angezeigt (!?!), obwohl der Content-Type text/html ist. Erst nach erneutem Neuladen wird die Seite richtig angezeigt (bzw. das unendlich lange Laden fängt an). Ich vermute, dass liegt an den gemischten Zeilenumbrüchen - zumindest bekomme ich Murks zu sehen, wenn ich die Datei unter Windows speichere und mit meinen Editoren lade. Die Zeilenumbrüche scheinen abwechseln aus \n und \r\n zu bestehen (dürfte allerdings den Browsern egal sein), und zwischen Dateianfang und der DTD sind Zeilenumbrüche und Leerzeichen, was anscheinend Opera verwirrt. Achja, die Navigation wird auch irgendwie verschoben angezeigt, deshalb würde ich hier bei dem senkrechten beiden Strichen nur mit einem Hintergrund arbeiten.

Puh, das Tabellenlayout solltest du noch einmal überarbeiten, daran beißen sich Opera und IE 6 die Zähne aus. Insgesamt wirkt sich das auf die Ladegeschwindigkeit aus und das Dokument wird durch die hunderten HTML-Formatierungsattribute aufgebläht, was sich mit CSS vereinfachen ließe (Klassen, IDs und Selektoren usw.), aber dann würden wohl Probleme mit NS 4.x entstehen.
Das align="center"-Problem im IE kannst du vermutlich durch ein herausnehmen einer solchen Angabe an einer bestimmten Stelle lösen, wobei ich nicht genau weiß, welche, ich habe erst alle herausgenommen und dann nur die nötigen wieder eingefügt. Opera lässt sich anscheinend nicht so leicht zufriedenstellen, da müsstest du schon die unnötigen Verschachtelungen herausnehmen. Mozilla hat anscheinend eine gute "Fehlerkorrektur" wobei syntaktisch keine Fehler vorhanden sind, das ist mir klar, aber gegen Transitional macht auch nicht viele Auflagen...

Ich habe mal einige Screenshots gemacht:
http://home.t-online.de/home/dj5nu/fanhost/mozilla12b.jpg Mozilla 1.2b
http://home.t-online.de/home/dj5nu/fanhost/opera605.jpg Opera 6.05
http://home.t-online.de/home/dj5nu/fanhost/ie60.jpg IE 6
Und die editierte Version:
http://home.t-online.de/home/dj5nu/fanhost/sonagua.html
Ich habe nicht alles geändert was man ändern müsste, es können auch Fehler drin vorkommen. Theoretisch könnte man den Code bis aufs äußerste lichten.

Was du dringend ändern musst, sind die Schriftgrößenangaben in pt, da musst du bei deinem festen Layout natürlich px wählen. Siehe auch http://www.netandmore.de/faq/cgi/fom?file=1153.

Grüße,
Mathias
(Grausam wie ich meine Zeit für Andere opfere. ;) Aber ich erlasse dir die Kosten, großzügig wie ich bin, wenn du stattdessen spendest: https://www.aerzte-ohne-grenzen.de/coding/spenden/sch_bankeinzug.php3 ;))