Hallo Leute!
Langsam aber sicher, kommt die alte, aber immer noch aktuelle Diskussion auf, die da heißt: "Für welche Auflösung soll ich »optimieren« und welche Breite soll mein Layout haben?"
Hier findet man eine Übersicht über einige vorhandene Techniken:
http://coda.co.za/archive/20050616/17:11:16
Das Problem ist das mich diese sog. Elastische-Layouts noch nicht 100% überzeugt haben. Denn bei so einer Lösung versucht man etwas nachzumachen, was von den Browser erwartet werden sollte. Opera kann es schon, für FF gibt es Plugins und IE 7 kann es auch. Und die Browser-Lösungen sind deswegen besser, da sie die Bilder und Grafiken ordentlich vergrößern bzw. verkleinern können und weil sie in der Regel nicht so das Layout zerschießen wie die selbstgemachten Lösungen.
Browser-Zoom = Der Browser zoomt regelrecht die gesamt Seite.
Font-Zoom = Der Schriftgrad wird verändert, aber alles andere bleibt unverändert.
Das Problem ob "em"(flexible) oder "px"(fixe) programmierung des Webauftrittes verwendet wird hängt absolut vom CONTENT ab.
Zum Beispiel:
Wenn ein Klient die Website "zoomt" (Mit der jeweiligen Browser Zoom-Technik), dann ist es sehr von vorteil Bildern(img) oder Objekten(object) keinen "px"(fixen) Wert zu vergeben zugunsten des Layouts. Da zum Beispiel im FireFox der Text grösser wird, aber die Bilder sich nicht der Designaenderung anpassen. Sichtbar wird dies hier:
http://greenpeace-berlin.de
Browser:Content-Zoom(Layout-Zoom) eingesetzt in Opera und IE7.
Beim Layout-Zoom wird der gesamte Inhalt der Website tatsaechlich gezoomt, dh. es gibt eine einheitliche vergroesserung und damit bessere Kompatibilität bei allen Anzeigen(Displays: Monitor,Beamer,Handy).
Dafuer muss der User aber manuell die groesse im Browser einstellen.
Fuer Handy oder andere medien-typen empfehle ich auch seperate Style-Sheets um inhalte zu verbergen etc. Leider sind diese Modernen Browser nicht bei 100% der Klientel in Gebrauch.
Problem:
Bei Fixen-Layouts wächst alles proportional zu einander.
Jedoch bei Elastischen-Layouts wächst der Content unproportional zum layout. Das Layout bleibt erhalten und wirkt daher zu klein für die grosse schrift. Das layout sieht verkorkst aus.
Um dieses Problem zu loesen erfordert es die Benutzung von Javascript auf der Website, jedoch kann dies zu einer nicht-validierung seitens w3c.org kommen, zudem wird die Barrierefreiheit eingeschraenkt. Also nicht zu empehlen.
Browser:Content-Font-Zoom(Font-Zoom) eingesetzt in IE4-6,FF, und allen anderen Browsern. Diese art von Browser-Zoom ist leider die meist vebreiteteste. Ich finde die Vergroesserung der Typografie(Font-Zoom) sollte auf der Website selbst erfolgen: landtag.nrw.de
Meiner Meinung nach ist die Verwendung von "em" für Layer und Layout im Grunde falsch, da diese für Typografie gedacht wurden.
Ihr messt einen Meter ja auch nicht in Schuhgrössen !
Also, Flexibles Layout Nein! Aber, Dynamisches Layout Ja!
Um eine kleine immerwiederkehrende Frage zu klaeren:
Auch wenn es komisch klingt, das Layout ist des Inhalts könig! Das bedeutet der Inhalt sollte sich dem Layout des entrechenden Medien-Typen anpassen. Nicht umsonst liegen HTML dateien aus servern, sie existieren um zu DIENEN.
Anders herum: Ein Haus waechst ja auch nicht wenn der Besucher groesser ist, oder ?
Worauf es ankommt ist am Ende die Optik in Harmonie zu bringen mit dem Inhalt.
Eine Problemstellung auf die es konkret noch keine passende antwort gibt, jedoch viele lösungsansätze.