Feste oder flexible Breite? Diese Frage stellen sich Webdesigner wieder und wieder. Die einen befürworten Webseiten mit festen, fixierten Designs. Die anderen schwören auf flexible Layouts. Doch man kann auch den Benutzer entscheiden lassen was ihm persönlich gefällt. Ich habe versucht dieses Problem mit einem JavaScript zu lösen und möchte meine Lösung vorstellen.
Ganz klar — es gibt mindestens 2 Ansätze:
- zwei getrennte Layouts (HTML + CSS) erstellen und zwischen den beiden umschalten
- Seitenbreite dynamisch über JS ändern ohne die Seite neu zu laden
Ich habe mich für den zweiten Ansatz entschieden. Das Ergebnis kann man hier anschauen.
Die Einstellungen werden in Cookies gespeichert, so dass der Benutzer nach seinem Rückkehr auf die Seite sie so sieht wie vorher.
HTML wird ohne Probleme als XHTML 1.0 Transitional validiert (kein Wunder bei der Größe ;)
jQuery kommt als JS-Bibliothek zum Einsatz und CSS enthält die (wahrscheinlich schon überflüssig gewordenen) IE6 Hacks. Was noch fehlt ist die Überprüfung, ob die Cookies eingeschaltet sind. Vielleicht sollte man lieber auf Sessions statt Cookies setzen und die Einstellungen server-seitig speichern.
Ich habe den JavaScript-Code ausführlich kommentiert und hoffe, dass meine Arbeit für jemanden nützlich sein kann :)
Kommentare
Kommentieren