Diese Seite zeigt Ihnen die Flexibilität der Gestaltung einer Webseite mit CSS und XHTML. Durch die strikte Trennung von Inhalt und Layout lässt sich der Seiteninhalt mit derselben XHTML-Datei in vielen Formen präsentieren. Für die Darstellung folgender Seiten wird nur der CSS-Style ausgewechselt. Der XHMTL-Code bleibt derselbe.
Für dieses Feature werden Cookies benötigt. Falls Sie nach dem Auswählen eines anderen Styles gefragt werden, ob Sie das Setzen eines Cookies erlauben wollen, stimmen Sie dem bitte zu. In diesem Cookie wird auf Ihrem Computer nur der Name des für diese Seite gewünschten Styles gespeichert. Es kann keinen Schaden anrichten und wird beim schließen den Browsers automatisch gelöscht.
Da ich für diese Features nicht unnötig den XHTML-Quellcode mit Klassen und Extra-Elementen versehen wollte, setzen einige Styles sehr genaue CSS-Iterpretationen voraus. Daher laufen alternative Styles vielleicht nicht in jedem Browser (insbesondere der Internet Explorer 5 wird Schwierigkeiten haben) und nicht jede Seite sieht in jedem Style gut aus.
Textbrowser
So sehen Textbrowser und Suchmaschinen diese Seite. Es wird kein Stylesheet eingebunden, dadurch sehen sie die reine XHTML-Struktur.
Standard
Dieses ist das Standardlayout: Auf Funktionalität und Übersichtlichkeit ausgelegt, klar abgetrennte Blöcke in schlichtem blau-gelb.
Elegant
Elegant, edel und traditionell wirkt dieser Style aus harmonischen Brauntönen und Serifen-Schriftarten. Die Grundzüge des Designs stammen von Heizfrosch.
Fractatulum 6
Dieses Design basiert auf dem Layout von Fractatulum. Klare Elemente aus dezenten und harmonische Grüntönen.
Fractatulum 6 Pulldown (Nur Mozilla)
Dieser Style ist ein Fractatulum 6 mit CSS-DropDown-Menü. Allerdings habe ich etwas gemogelt, da in diesem Fall tatsächlich serverseitig eine andere Seite erzeugt wird. Während normalerweise nur das ausgeklappte Menü in den XHTML-Code geschrieben wird, wird diesmal das gesamte Menü generiert.
Da aber ansonsten der XHTML-Code nicht verändert und auch kein JavaScript verwendet wird, setzt dieses Menü gute CSS-Interpretation voraus und funktioniert daher nur im Mozilla. Während es damit für den praktischen Einsatz unbrauchbar ist, zeigt es was möglich wäre, wenn alle Browser so gute Standardunterstützung hätten.