Ein kleiner Service für alle die mit dieser Internetseite Darstellungsprobleme haben oder mehr Information wollen.

Die Seiten wurden mit folgenden Browsern getestet:

Firefox - Opera - Internet Explorer -  Google Chrome - Iron         Safari

Hier die Browserauswahl nach EU Vorgaben bei Microsoft

  Siehe auch Webbbrowser in Wikipedia

Vorbemerkung

Copyright (C)

Alle Fotos dieser Internetseiten sind Eigentum der einzelnen Fotografen und dürfen nur mit Herkunftsangabe für private Zwecke verwendet werden, Die gewerbsmäßige Verwendung der Fotos und Texte bedarf grundsätzlich der Zustimmung der Rechteinhaber. Diese können über die Kontaktadressen (Impressum) erfragt werden. Hier genannte Markennamen und dargestellte Logos dienen der schnelleren Erkennbarkeit im Sinne eines Zitates und sind keine Wertung oder Werbung für das Produkt. Die Markenrechte liegen grundsätzlich bei den angesprochenen Firmen oder Rechteinhabern.

Darstellung der Internetseite im Browser

Die Darstellung von Internetseiten ist abhängig vom verwendeten Betriebssystem und dem in diesem vorhandenen Zeichensatz. Außerdem ist alles abhängig vom benutzten Bildschirmformat und dessen Auflösung. Auch der verwendete Internetbrowser ist von großer Bedeutung. Er hat - durch den dort eingestellten Standardschriftsatz - Einfluss auf die Darstellung und auch die Bedienung ist von ihm abhängig. Mit anderen Worten : So wie ich diese Seiten auf meinem PC präsentiert bekomme, sieht sie nur jemand, der absolut die gleichen Bedingungen auf seinem PC hat. Es wurde deshalb von mir versucht die Seiten so zu gestalten, dass sie in den wichtigsten Auflösungen und mit den meisten Browsern einigermaßen vernünftig zu betrachten und zu bedienen sind. Leider kann man es nicht allen recht machen. Deshalb diese Seite. Weitere Angaben unter Punkt C

Die wichtigsten Internetbrowser   für          und andere Betriebssysteme (Vereinsmitglieder finden auf der Vereinsseite unter Programme weitere Informationen)

Opera ist bei den Browsern unter Windows - zumindest für mich - die Erste Wahl. An zweiter Stelle kommt Firefox, was nicht heißen soll die anderen seien schlecht. Aber es gibt bei einigen Einschränkungen oder Probleme (siehe weiter unten Punkt B, Zoom), wer mit diesen leben kann, fährt auch nicht schlecht. Unter Linux ist Konqueror, Firefox und Opera empfehlenswert. Für Mac OS X ist Safari die Wahl. Die meisten Browser sind Komplettpakete und enthalten zusätzliche Funktionen für FTP, E-Mail, Usenet oder BitTorrent. Andere sind kombinierte Browser und Dateimanager oder sind durch Plug-ins erheblich anpass- und erweiterbar. Im Grunde gibt es für jeden Zeck etwas. Den Acid3-Test bestehen z. Zt. nur Opera, Safari und Google Chrome, einige andere sind sehr nah dran. Bei den Acid-Tests Test geht es um die Kompatibilität von Anwendungen bei der Darstellung durch die Rendering-Engines, die in den Browsern zu Anwendung kommen. Die Test prüfen die korrekte Ausführung und Seitendarstellung des Browsers. Opera kann sich im Internet auch als Internet Explorer oder Firefox ausgeben, um nicht von so genannten optimierten Seiten ausgesperrt zu werden. Opera kann auch einen reinen Textbrowser nachahmen. Textbrowser sind - da die Bilder fehlen - sehr schnell.

A: Kurzer Überblick über die Einteilung unserer Internetseite

Auf der Hauptseite (Hauptauswahl) wurden alle zum Verein gehörenden Seiten mit einem Punkt versehen. Diese wurden in einige wichtige Bereiche aufgeteilt um langwieriges Navigieren zu vermeiden. Außerdem existieren weitere Seiten zu speziellen Themen. Diese haben mit dem ehemaligen Verein, der Region, mit der Feldbahn oder der Eisenbahn als grundsätzliches Hobby zu tun. Diese Seiten sind unabhängig vom jetzigen Verein. Die anderen Themen haben drei Zuordnungen entsprechende Farben [ Feldbahn - Eisenbahn - lokale Region ohne Eisenbahn ].

Einen kleinen Überblick über unseren Verein gibt  die Vereinsbeschreibung auf der Vereinsseite. Die Vereinsseite hat ein eigenes Menü. Kernstück unserer Internetseiten sind inzwischen die Bildübersichten unseres Vereines. Sie stellen das optische Archiv für unsere Mitglieder dar und ermöglichen es auch nicht anwesend gewesenen Mitgliedern sich über das Geschehen vor Ort zu informieren, ohne ständig telefonischen Kontakt zu halten. Für Fremde ist es jedoch nur ein kleines Schaufenster oft ohne Kontext. Deshalb gibt es zusätzlich einige Bildberichte zu den Bildübersichten. Diese waren anfänglich für fast jedes Ereignis erstellt worden, nun geschieht es nur noch für wenige herausragende Veranstaltungen, da sich auch der Betrieb nach der Aufbauphase normalisiert hat. Die Bildberichte wie auch die Bildübersichten sind über Jahresübersichten zu erreichen. Durch anklicken des Fotos gelangt man - sofern es einen gibt - zum Bildbericht, ansonsten erscheint nur die Bildübersicht. Beim anklicken des darunter stehenden Textes erscheint immer die Bildübersicht. Die Bildübersichten werden nach vorliegen weiterer Fotos auch später noch ergänzt  und enthalten oft wesentlich mehr Fotos wie die Berichte, jedoch keinen oder nur kurze Angaben. Es kann innerhalb der Jahresübersichten wie auch in den Bildübersichten beliebig zwischen beiden  und zwischen den Jahren hin und her gewechselt werden. Hierfür existieren entsprechend beschriftete Navigationsflächen.

B: Wichtige Hinweise zur Nutzung (Details)

B 1. Aufbau der Internetseite (HTML)

Unsere Internetseiten können ohne Frame dargestellt werden. Beim Aufruf erschient die Startseite mit einem sich unten befindliche schmale Frame für die Navigation. Dieser kann - wenn er stört - zugezogen werden. Alle anderen Seiten laufen im oberen Hauptframe. Es ist auch möglich auch bei Breitbildschirmen einem Darstellung mit einem Navigationsframe auf der linken Seite und - wenn gewünscht - einem  weiiteren  auf der rechten Seite zu nutzen. Dieser enthalt andere Aufschlüsselungen und Sortierungen des Inhaltes unserer Seiten. Auf diese  Varianten läst es sich durch den linken Pfeil im schmalen Frame unten umschalten. Alle Frame-Varianten stellen eine Zurück- und Vor- Schaltfläche zur Verfügung. Dadurch ist es auch im Vollbildmodus möglich nach der Bildbetrachtung in Originalgröße mit einem einfachen Klick auf die Ursprungsseite zurückzukehren. Unter dem Verweis Frame Einstellungen sind weitere Erklärungen auf der Start- und Hauptauswahl zu erreichen.

Für den Aufbau der restlichen Inhaltes werden z.Zt. keine Frame (Rahmen, Teilbereiche) verwendet. Das Verhalten von Internet Explorer, Firefox, Opera, Iron (eine Abspaltung von Google (Chrome) und Safari ist in Teilen der Darstellung von Frame leider nicht immer gleich. Es gibt unterschiede in der Positionierung von Inhalten insbesondere von Bildern, wenn diese nur selbst in einem Frame aufgerufen werden oder die Inhalte gezoomt werden. Firefox passt Bilder an den sichtbaren Bereich an. Der IE und Opera tun dieses nicht, dafür positioniert Opera das Bild mittig (im Vollbildmodus in der Grundeinstellung mit grauem Hintergrund), die anderen oben links vor weißem Hintergrund.  Texte werden von allen Browser beim  zoomen mit Zeilenumbruch in den Frame eingepasst. Ist ein Bild mit enthalten, verhalten sie sich leicht unterschiedlich (dazu weiter unten beim Zoom mehr). Einige weitere Effekte lassen sich zwar in der Seitengestaltung unterbinden, teilweise mit Java Scripten oder CSS, führen aber dann oft zu den unbeliebten waagerechten Bildlaufleisten oder zu zusammengestauchten Texten oder andere Effekten, die dann die Seite vollkommen anders aussehen lassen, wie eigentlich gedacht und geschrieben. Hintergrund sind auch die sehr unterschiedlichen Bildschirmauflösungen in Verbindung mit den unterschiedlichen Bildschirmformaten, die die ursprüngliche 100%ige Darstellung stark verändern. Es wurde versucht - so weit es noch geht - mit reinem HTML auszukommen, da anfangs jedoch auch unterschiedlicher Homepage-Baukästen genutzt wurden, gibt es einige Hinterlassenschaften dieser Programme und auch Frontpage und NVU / KompoZer in mehreren Varianten taten das ihrige dazu, alles ein wenig zu verwässern, so das auch Java-Scripte und andere Elemente enthalten sind.

B 2. Bildschirmauflösung  (Weiteres zur Bildschirmauflösung weiter unten)

Bitte eine Auflösung von mind. 1024 X 768 Pixel und Vollbild Modus (F11) verwenden. Kleinere Auflösungen führen je nach Browser zu Fehldarstellungen. Mozilla Firefox läuft ohne Ton. Inzwischen wird bei PC Monitoren neben 3:2, nicht nur das 4:3 Format und das 5:4 Format, sondern auch das 16:9 -und 19:10 Format verwendet. Im Gegensatz zu Fernsehbreitbildschirmen, welche auf das Seitenverhältnis 16:9 standardisiert sind, haben Rechnerbildschirme meist das Seitenverhältnis 16:10. Die Seiten wurden nun so gestalten, dass sie im Format 1024 x 768 wie auch im Format 1440 X 900 einigermaßen gut darstellbar sind. Dieses geschah auch, weil in diesem Format alle Netbooks  mit ihrem kleinem Bildschirm im 16:9 Format laufen und die Verschiebungen in der Ansicht gewaltig wären. Leider laufen sie meist mit einer kleineren Auflösung von 1064 x 600 Pixel. Hier muss man sich eventuell mit  dem Zoom behelfen, wenn waagerecht Bildlaufleisten unerwünscht sind.

In allen Browsern läst sich die Ansicht über einen Zoom Befehl an den Bildschirm in gewissen Grenzen anpassen. Bei Opera geht es z.B. sehr komfortabel ohne die Strg-Taste nur mit  der Plus- oder Minus-Taste. Opera kennt auch den Tastenbefehl "An Bildschirmbreite anpassen" Strg F11. In Firefox gibt es unter Ansicht den Befehl "Nur Text zoomen". Wer  nur über einen 4 : 3 Bildschirm mit einer Auflösung von max. 1024 x 768 Pixel verfügt sollte mit dem Zoom (je nach Browser) auf 80 %, 75 % oder 70 % verkleinern, dann gibt es keine waagerechten Bildlaufleisten. Wer über einen Bildschirm mit 1440 Pixel Breite oder mehr verfügt darf es auch mit 110% versuchen, die Seiten sind dafür ausgelegt. Die Nutzer eines Netbooks mit einer Auflösung 1064 x 600 Pixel (16 : 9) sollten gleichfalls auf mindestens 80 % besser 70 % verkleinern, sonst haben auch sie waagerechten Bildlaufleisten. Wie das geht, siehe weiter unten unter Zoom. 

B 3. Allgemeine Navigation

Die Navigation durch dies Seiten erfolgt über Navigationsflächen und/oder über das Inhaltsverzeichnis (Index). Die aufgerufene Seite wird im gleichen Fenster gezeigt. Die Navigationsflächen befinden sich oben, fast fast in der Mitte der Seite. Darunter befindet sich in der Regel ein animierten Zug. Zusätzliche Schaltflächen sind meist auf der linken Seite im Block angeordnet.

Ein Klick auf den animierten Zug führt immer zum  Startverzeichnis der Themen (Oberste Ebene bzw. Einstiegsseite). Ein Klick auf  Übersicht  führt nur eine Ebene zurück. die Schaltflächen  zurück  und  weiter  bewegen sich auf der gleichen Ebene (benachbarte Seiten) oder führen zur logischen Fortsetzung.  Ende  führt entweder eine Ebene zurück oder komplett zum Anfang. 

Auch Bilder werden als Schaltflächen verwendet. Ein Klick in ein Bild mit Rahmen zeigt dies in original Größe (Zoom) an, ein Klick in Bilder ohne Rahmen ruft meist die folgende Seite auf (Weiterschaltung zur nächsten Seite). Ausnahme ist die Hauptauswahl, hier führt der Klick in die Bilder zur weiterführenden Vereinsseite der Feldbahn Riedelhütte. dieses Prinzip wurde jedoch noch nicht überall eingehalten, deshalb bitte vor allem bei den älteren Bildübersichten auf den Hinweis achten.

Es kommen auch  verweissensitive Grafiken zum Einsatz. Mit Hilfe von Hotspots werden in Grafiken und Bildern Verweise auf andere Seiten eingebunden. Dieses wird jedoch relativ selten angewendet. Da diese Stellen normalerweise nicht sichtbar sind, wird beim überfahren mit der Maus ein Quickinfo eingeblendet. In einigen Fällen erfolgt dieses jedoch nicht, da sie nur dem eigenem schnelleren Navigieren beim Testen dienen.

Anfangs wurden auch Hoverschaltflächen für die Navigation verwendet. Diese änderten ihr Aussehen beim überfahren mit der Maus. Inzwischen wurden die Hoverschaltflächen, welche Java erforderten, durch Bildflächen als Navigationsbalken ersetzt, so das es eigentlich keine Probleme mehr geben sollte. Sollten Schaltflächen nicht funktionieren, gibt es noch keinen Hyperlink dahinter. Es könnten jedoch noch einige Hover-Elemente übersehen worden sein, deshalb folgender vorsorgliche Hinweis. Sollten also Schaltflächen nicht funktionieren und eine Meldung über ein fehlendes Applet erfolgen, dann ist kein Java installiert oder im Browser nicht frei gegeben. Will man diese Schaltflächen benutzen, dann muss Java nachinstalliert oder frei gegeben werden.  Wie dieses geht, steht hier. Alternativ ist fast immer auch ein Bild zur Weiterschaltung vorhanden, es fehlt jedoch der Text der Schaltfläche.

Zur Zeit werden die Bildberichte, Bildübersichten und Jahresübersichten überarbeitet.  Alle funktionieren schon in der neuen Struktur, jedoch sind bei einigen Bildberichten Bildübersichten noch keine größeren Fotos hinterlegt, dieses erfolgt in Kürze.

Werden in Texten Dinge angesprochen zu den zusätzliche (bzw. erklärende) Fotos oder eine Fotoseite existiert, so können diese mit einem Klick auf dieses Symbol in einem extra Fenster aufgerufen werden  . Existieren zu einem Text oder Foto weiterführende Texte oder Erklärungen so können diese mit einem Klick auf dieses Symbol  .in einem separaten Fernster aufgerufen werden..

B 4. Zoom 

Zukünftig wird ein Bild auch durch einen Klick auf das Symbol größer anzeigt. Die Anzeige erfolgt im gleichen Fenster. In diesem Fall muss der  Zurückpfeil (linke oben) im Browser für die Rückkehr auf die Ursprungsseite benutzt werden. Im Vollbildmodus steht über die rechte Maustaste das Menü  zur Steuerung zur Verfügung. Dieses Symbol wird vor allem bei Bildern, die ansonsten zur nächsten Seite weiterschalten, verwendet. Opera würde sonst die unter 4.1 beschriebene Funktion nicht ausführen, da alle an Bilder gekoppelte Links mit einem anderen Ziel - als zu einem Bild - nicht genutzt werden können, um die Bilder in Originalgröße zu zeigen. Dieses erfolgt hier über dieses Bild-Symbol. Zusätzlich gilt hier das für Opera unter Punkt C gesagte. Weiteres zum Zoom weiter unten.

B 5. Spezielle Opera-Funktionen (Steht nur dort zur Verfügung)

Bei Opera kann man - wenn die Bilderübersichten komplett geladen sind - durch drücken der Leerzeichentaste die Übersicht abschnittsweise nach unten scrollen (besser ist das Scrollrad der Maus dafür zu verwenden) . Wenn man unten angekommen ist, werden anschließend durch drücken der Leerzeichentaste die einzelnen Bilder der Bilderübersicht groß angezeigt. Durch das Drücken der Taste wird jedes mal zum nächsten Bild weitergeschaltet. Nach dem das letzte Bild gezeigt wurde erscheint wieder die Normalansicht der Seite. Erst hier sollte aus der Anzeigeschleife ausgestiegen werden. Mitten drin muss man sich sich sonst recht mühsam mit dem Zurückpfeil an die Einstiegstelle navigieren. Alles funktioniert auch in der Vollbildansicht (F11), dort lässt sich mit der rechten Maustaste der Zurückpfeil aufrufen, dazu muss sich der Cursor außerhalb der Bildes im grauen Feld befinden. Der Gang zur Großdarstellung sowie vor und zurück funktioniert auch bei gedrückter Steuerungstaste (Strg oder Ctrl) mit den Cursertasten für Rechts und Links auch ohne die Maus.

C: Weitere Möglichkeiten den Bildschirm besser zu nutzen oder die Lesbarkeit zu verbessern (Allgemein alle Browser)

C 1. Vollbildmodus (Fast alle Browser)

In vielen Browser befinden sich oben bis zu 6 und unten bis zu 3 Menü-Leisten, welche die eigentlichen zu betrachtete Seite unnötig verkleinern, Grundsätzlich sollten für diese Internetseiten der Vollbildmodus mit  F11 genutzt werden. Mit der F11 Taste schaltet man ihn ein und auch wieder aus. Bei Safari fehlt jedoch diese Funktion.

C 2. Standardschriftart  / Zeichencodierung (Alle Browser)

Als Standardschriftart wurde Ariel bzw. Ariel Narrow und als Zeichencodierung wurde Westlich (Windows 1252) benutzt. Wer seinen PC oder Browser anders eingestellt hat, z.B. also Times New Roman oder Unicode UTF-8 wird auf einigen Seiten ohne vorgegebene Schriftart Zeilenumbrüche an anderer Stelle oder einige Sonderzeichen nicht haben. UTF-8 wäre eigentlich der geforderte Standard, aber Windows hat damit so seine Probleme. Es wurde jedoch ganz bewusst für einige Seiten keine Schriftart vorgegeben. Somit kann jeder, der einen älteren kleinen Bildschirm benutz und deshalb im Browser eine kleine oder schlankere Schriftart vorgegeben hat, diese Seiten mit weniger große Verschiebungen betrachten. (Browser Schriftumstellung = Extras - Einstellungen -Inhalt > dort Standardschriftart oder Extras - Einstellungen - Webseiten > dort Normale Schrift).

C 3. Zoom  (Browser-Funktion)

Wenn die Darstellung nicht genügt - z.B. die Mitte zu schmal ist, oder der Text zu klein ist - folgender Hinweis: Fast alle Browser verfügen über eine Zoom-Funktion. Mit dieser lassen sich viele Darstellungsprobleme in gewissen Grenzen ausgleichen.

Firefox und der Internet-Explorer (IE) erlaubt bei gleichzeitig gedrückter Steuerungstaste  (Strg) mit der Plustaste (+)  ein Vergrößern und bei gleichzeitig gedrückter Steuerungstaste (Strg) mit der Minustaste (-) ein Verkleinern der Darstellung. Strg 0 führt zur Normaldarstellung zurück. Die Skalierung des IE ist mit 25% Schritten etwas grob. Firefox kann auch nur den Text zoomen. Die Bilder bleiben wie sie sind. Iron schiebt beim vergrößern die Inhalte nach rechts und unten hinter (unter) den benachbarten Frame oder den Rand und es erfolg kein Textumbruch. Die Inhalte sind dort dann nicht mehr erreichbar. Safari verhält sich wie Iron und kann außerdem keinen Vollbildmodus. Beide geben die einzelnen Frame mit einem breiten weißen Rahmen wieder. Es wurden deshalb für den Aufbau der Internetseiten z.Zt. keine zwingend erforderlichen Frame (Rahmen, Teilbereiche) verwendet. Es lassen sich alle Seiteninhalte auch ohne Frame erreichen.

Erweiterte Funktionen bei Opera

Opera erlaubt das Zoomen durch einfaches drücken der + oder - Taste. Das Drücken der Steuerungstaste ist nicht erforderlich. Strg 0 führt auch hier zur Normaldarstellung zurück. Die Skalierung erfolgt in 10% Schritten. Es lassen sich in der Seitenansicht auch die Positionierungen von Bildern z.B. in Ebnen ausschalten. Außerdem lassen sich mit der Funktion „An Seitenbreite anpassen“ (Strg F11) Webseiten, die für große Auflösungen geschrieben wurden, auch auf kleinen Bildschirmen darstellen, hierbei werden Bilder nur bedingt mit vergrößert. Die Zoomfunktion ist auch hier unabhängig von dieser Funktion -  jedoch mit einigen Einschränkungen - vorhanden.. Mit der „Small-screen“-Funktion kann die Webseite wie mit dem Opera-Mini-Mobilbrowser betrachtet werden, was besonders für Webdesigner von Vorteil ist, da so für gute Kompatibilität gesorgt werden kann.

Opera verfügt über eine zusätzliche Funktion, die auf diesen Seiten folgender Maßen funktioniert. Wurde das erste Foto angeklickt, kann man sich - wenn alle Bilder geladen sind - mit gedrückter Strg - und den Cursortasten für rechts und links durch die Fotos in Originalgröße navigieren. Will man nur vorwärts die Bilder betrachten, genügt das alleinige Drücken der Leerzeichentaste. Hierzu muss der Bildstreifen  bis an sein Ende gescrollt sein (der Speicher alle Bilder geladen haben). Beim drücken der Leerzeichentaste macht er dieses von alleine. Opera verhielt sich am flexibelsten und ist für mich die beste Wahl. Außerdem erlaubt Opera privates Internet surfen.

C 4. Weiteres zur Bildschirmauflösung    (zurück nach oben)

Am Anfang wurden diese Seiten für eine Auflösung von 640 X 480 Pixel (VGA) und kurze Zeit später 800 x 600 Pixel (SVGA), dann endgültig für  1024 x 768 Pixel (XGA) geschrieben. Inzwischen sind die Seiten eigentlich für eine Auflösung von 1440 x 900 Pixel (WXGA+) ( = 1.260.000 Pixel ) - also im Format 8 : 5 (16 : 10) - geschrieben, sind aber auch noch in einer Auflösung 1024 x 768 Pixel im Format 4 : 3 einigermaßen gut darstellbar. Die Internetseiten wurden unter Windows XP / SP3 mit den aktuellen Versionen von Firefox, Internet-Explorer, Opera, Iron und Safari mit einer Auflösung von 1440 x 900 Pixel (16 : 10) und 1366x768 Pixel (16 : 9) sowie 1064 x 600 Pixel (Netbook) (ca. 16 : 9), so wie 1024 x 768 Pixel und 800 x 600 Pixel (4 : 3) in der Darstellung ausprobiert. Eine andere Auflösung wie 1440 Pixel je Zeile führt grundsätzlich zu Verschiebungen in der Breite. Die Qualität von Bildern muss deshalb jedoch nicht schlechter werden. Siehe auch in Wikipedia - Bildauflösung - Die zunehmende Verwendung der Bildschirmformate 16 :10 / 16 : 9 Pixel anstelle von 4 : 3 Pixel und die auch  immer größer werdenden Auflösungen, führen bei 4 : 3 Monitoren oft zu einer unbefriedigenden Darstellung.  Die alten Formate und Auflösungen geraten immer mehr ins Hintertreffen. Alleine die Verwendung des Breitwandformates 16 : 9 bzw. 16 : 10 Pixel anstelle des 4 : 3 Formates  verändert die Darstellung der Internetseite gewaltig. Selbst eine Auflösung 1024 x 768 Pixel (4 : 3) ist meist nicht mehr ausreichend (wegen der fehlenden Bildpunkte in der Breite) und Auflösungen von 800 x 600 Pixel oder gar 640 x 480 Pixel sind indiskutabel.

Computer können problemlos fünfstellige Zeichencodierungen verarbeiten – nur Menschen haben ihre Schwierigkeiten damit.

2010-08-23 WM