Dr. Luthardt's Chemieseiten 

Online seit 2004

weiter


Valid HTML 4.01!Achtung Ein direkter Aufruf des Validators ist von https-Seiten aus nicht möglich. Hier muss die zu prüfende Seite händisch auf der Validator-Seite eingeben werden.
Valid CSS!Achtung Ein direkter Aufruf des Validators ist von https-Seiten aus nicht möglich. Hier muss die zu prüfende Seite händisch auf der Validator-Seite eingeben werden.

last modified
29.04.2024

Ihr Browser unterstützt kein CSS. Das für die Darstellung dieser Webseiten intendierte Seitenlayout wird deshalb nicht angewandt / angezeigt. Ist dies nicht Ihre Absicht, so haben Sie wahrscheinlich in Ihrem Browser den Autorenmodus deaktiviert. Dennoch sind diese Seiten les- und navigierbar.
Texte der Infoboxen werden inline ausgegeben.
Bitte erlauben Sie den Autorenmodus oder verwenden Sie einen CSS-fähigen Browser, wenn Sie diese Seiten so anschauen möchten, wie sie vom Autor gestaltet wurden.

Zum Layout dieser Website

von Michael Luthardtauthor: Michael Luthardt

Das Layout dieser Seiten wurde ursprünglich mit einer Monitorauflösung von 1280 × 1024 Pixel entworfen. Für eine den Intentionen des Autors entsprechende Darstellung der Website sollte der für die Seitendarstellung des Browsers verfügbare Platz (Browserfenstergröße, Viewport) in der Breite etwa 900 Pixel betragen; im Navigationsmenü erscheint ein senkrechter Scrollbalken, wenn die verfügbare Höhe etwa 600 Pixel unterschreitet.

Für kleine Displays/Viewports, Breite ≤ 750 px, wird der Kopfbereich ausgeblendet. Dadurch bleibt die Benutzbarkeit der Seite auf Smartphones erhalten. Sie können das am Desktop ausprobieren, indem Sie das Browserfenster verkleinern. Die aktuellen Werte für Zoom und Viewport sehen Sie hier:

Wenn Sie diesen Text lesen haben Sie eventuell JavaScript deaktiviert. Ansonsten laden Sie bitte die Seite mit <F5> oder über die Reload-Funktion des Browswers neu.

Die Ermittlung von Zoomfaktor und Monitorauflösung ist eine der wenigen JavaScript Anwendungen dieser Website. Für Safari unter Windows müsste der Zoomfaktor anders ermittelt werden.

Ihr Browser ist hier nicht bekannt. Sie nutzen IPv4; Ihre IP ist 3.215.16.238.

Für ein angenehmes Lesen können Sie die Schriftgröße im Browser ändern ohne das Layout zu zerstören. Die Schriftgröße mag bei 1024 x 768 etwas groß erscheinen, ist aber bewusst so gewählt, um bei den auf TFT-Monitoren zur Mindestauflösung gewordenen 1280 x 1024 Pixeln ein problemloses Lesen zu ermöglichen.
Nichts ist in dieser Hinsicht abschreckender als die Tendenz zu immer kleineren Schriften auf Webseiten, die sich dann nur noch mit einer Zoomfunktion ermüdungsfrei lesen lassen.
Durch die Verwendung relativer Größenangaben und einen Rückbezug auf die Systemschriftgröße läßt sich die Schriftgröße in allen Browsern durch den Benutzer unter Erhaltung des Layouts anpassen und das Layout bleibt in weiten Grenzen unabhängig von der Monitorauflösung.6 Ebenso werden (zusätzliche) übergroße Bilder nur mit CSS unter Beibehaltung des Seitenverhältnisses auf die Viewportgröße verkleinert.

Die Gestaltung der Seiten einschließlich next "Frames" beruht auf CSS3 und folgt einem Minimalkonzept beim Einsatz von Stilmitteln. Tabellen gibt es nur dort, wo Tabellen zu sehen sind.
Andererseits werden in diesem fließenden Design die Textzeilen auf großen Monitoren sehr lang. Für eine bessere Lesbarkeit ist die Textbreite deshalb auf 55 em beschränkt. Auf Monitoren mit Breiten um 2000 px füllt der Text also nur noch etwa die Hälfte der Viewport-Breite.
Dynamische Effekte beruhen fast ausschließlich auf SSI. Auf Java Script wird fast vollständig, vor allem zur Navigation, verzichtet. InfoboxenAchtung Das ist eine Infobox. werden mit span-Elementendargestellt.
Diese bewusste Beschränkung ermöglicht andererseits sehr schnelle Ladezeiten der Seite, Barrierefreiheit und Lesbarkeit in Textbrowsern.
Das Layout ist in allen aktuellen CSS-fähigen Browsern identisch. Achtung Für eine vollständige Funktion dieser Seiten ist es jedoch erforderlich, dass Sie die User Agent-Einstellung Ihres Browsers nicht verfälschen und nicht die Übermittlung des Referrers durch den Browser abschalten.

Leider ist dennoch nicht alles für alle Browser zu vereinheitlichen.
Die größten Schwierigkeiten gibt es bei Druckvorschau und Druck, besonders, wenn in den Seiten Objekte vorhanden sind; hier hat jeder Browser Vor- und Nachteile. Da hilft nur ausprobieren, welcher Browser für den Druck einer konkreten Seite am besten geeignet ist. Ein media="print" Stylesheet sorgt beim Ausdruck dieser Seiten dafür, dass nur der "Inhaltsframe" gedruckt wird.

Auf dieser object-Seite läßt sich die Funktion von Browser-Plugins testen.

Der Code dieser Website ist für standardkonforme Browser – bis auf die "onresize"-Anleihe bei HTML5 auf dieser Seite – strikt Valid HTML 4.01!Achtung Ein direkter Aufruf des Validators ist von https-Seiten aus nicht möglich. Hier muss die zu prüfende Seite händisch auf der Validator-Seite eingeben werden. konform und die Stylesheets entsprechen den Valid CSS! 3 Spezifikationen.

Get Firefox

29.04.2024

 nach oben   

Änderungen dieser Seite verfolgen:

it's private by ChangeDetection