Elastische Layouts? Bitte sehr ...
Die Grundlagen der Gestaltung elastischer Layouts erläutert Jon Tan in seinem ausführlichen und unbedingt empfehlenswerten Artikel »The Incredible Em & Elastic Layouts with CSS«.
Hier geht es zum angesprochenen Artikel.
Werbeunterbrechung
Kommentare und Feedback (5)
Vorheriger Artikel: Wordpress Interface für Movable Type, nächster Artikel: Wordpress-Tutorial Screencasts
07.02.2008, 10:20
Hallo,
sehr guter Artikel! Dennoch denke ich, dass eine komplette Bemaßung einer Webseite in “em” den Aufwand nicht mehr wirklich rechtfertigt, da alle modernen Browser schon eine eingebaute Zoomfunktion haben (IE7 oder Opera), oder bald haben werden (Firefox 3), was den Part des gesamtheitlichen Zoomens einer Seite ja übernimmt. Und irgendwann ist auch der IE 6 endlich begraben…
Ich lege inzwischen nur noch die Textgröße in “em” an und setze das Layout so flexibel um, daß es den Rahmen nicht zerhaut, wenn vom User extrem vergrößert wird.
07.02.2008, 16:31
Ja, denke der Hype der elastischen Layout neigt sich dem Ende zu, da die Screens immer größer werden und elastische Layouts wirklich nicht gut aussehen über eine 1600er Breite z.b. Trotzdem ist es wichtig die Seite dahingehend zu optimieren, sodass ein vergrössern um 2,3 Stufen möglich ist.
12.02.2008, 13:54
Schöner Artikel. Allerdings sind meine Erfahrungen in der harten Realität mit “em” eher ernüchternd. Während Opera und Safari gar keine Probleme mit einem elastischen Layout haben und es auch wirklich einfach von der Hand geht, machen Firefox 2 und IE7 ernsthafte Probleme. Zumindest sind das meine jüngsten Erfahrungen mit einem solchen Layout.
Allerdings glaube ich, dass in Zukunft der Pixel als Angabe alle möglichen Elemente ausgedient haben wird, auch wenn es die Zoomfunktion in den Browsern gibt, da man meines Erachtens einfach ein sehr viel sauberer Browserinterpretation hinkriegt durch “ems”, als es mit der Mischung aus Pixeln bei Längenangaben und “Em” bei der Schriftgröße der Fall wäre.
24.02.2008, 14:45
Kann mich da nur den Vorrednern anschließen, die Zeit ist wohl vorbei!
Wenn der Firefox v3 ebenfalls die gleiche Zoom-Funktion wie Opera oder der IE7 hat,
dann sollte die Thematik komplett begraben sein.
25.04.2008, 15:34
So ein Quatsch … denkt Ihr denn nur an den Browser?
Was ist “mobile devices” wie Handys, Handhelds, Smartphones …
und wer denn nun sagt: die brauchen eigene Websites, die speziell auf diese Geräte zugeschnitten sind, der hat das WWW nicht ganz verstanden.
Zum Artikel:
Ausserdem ist doch nicht ein “elastisches” Layout gemeint, sondern ein flexibles … die Wortwahl allein zeigt ja schon die mangelnde Aufassung des Autors des Artikels zum Thema ….
Und flexibel soll ein Layout nicht hinsichtlich seiner Anpassung an verschiedene Display-Auflösungen oder Browserfenster sein, sondern im Bezug auf flexible Verwendung auf verschiedenen Anzeigegräten.
Wir brauchen damit wir Webseiten Code-seitig (nicht Client-seitig) flexibel umsetzen können, vor allem skalierbare Bildformate.
JPG als reines Bitmap-Format fürs Web sollte sterben, nicht der Anspruch ein Layout nachwievor flexibel zu gestalten und Code entsprechend aufzubereiten.
Das Ding ist noch lange nicht tot, meiner Meinung nach.
Es sind alles bisher nur Versuche das irgendwie in den Griff zu kriegen.
Zumal die echten Geräte in der Breite ja immernoch fehlen.
Grüße
dennis