Variables, fluides Webdesign durch elastische Weblayouts

Zeitgemäßes Webdesign ist variabel.

Zeitgemäßes Webdesign ist variabel und passt sich der Größe des Browserfensters und der eingestellten Schriftgröße an.

Vorteile einer variablen Webseite

Variabel gestaltete Webseiten nutzen den verfügbaren Raum im Browserfenster optimal. Das Layout passt sich an, die Texte lassen sich vergrößern und verkleinern, die Seite bleibt benutzbar. Wer über einen großen Bildschirm verfügt, sieht mehr auf einmal.

Variables Webdesign sorgt für umfassend nutzbare Webseiten

In den frühen Zeiten des Web wurden Seiten „optimiert“, meistens für einen bestimmten Browser, bei einer bestimmten Auflösung (zum Beispiel 1024x768 Pixel). Wer einen größeren Bildschirm verwendete, sah die Seite in der oberen Ecke stehen und der Versuch die Schrift zu vergrößern schlug fehl oder führte zu gänzlich unerwarteten Ergebnissen. Das Web-Layout der Seite war nicht dafür gedacht und es konnte passieren dass bestimmte Navigationselemente nicht mehr benutzbar waren oder Teile der Seite einfach verschwanden. Wer ein kleineres Browserfenster verwendete bekam eine horizontale Scrollleiste zu sehen.

Zeitgemäßes Webdesign dagegen sorgt dafür, dass sich die angezeigte Webseite der Größe des aufgezogenen Browserfensters anpasst. Dazu werden die einzelnen Elemente entweder prozentual zur Seitengröße oder in der Einheit Em definiert. Em ist eine Maßeinheit die, auf der Basis der im Browser des Benutzers voreingestellten Schriftgröße, den Platzbedarf der einzelnen Elemente berechnet. Auch eine intelligente Mischung beider Einheiten ist möglich.

Probieren Sie es aus:
Falls Sie zum Beispiel den Internet Explorer verwenden und das Browserfenster stets den ganzen Bildschirm ausfüllt, klicken Sie auf den mittleren der 3 Buttons am oberen, rechten Rand des Browserfensters. Nun können Sie das Browserfenster manuell verkleinern oder vergrößern und dabei beobachten, wie sich der Seiteninhalt laufend der Größe des Browserfensters anpasst.

Schauen Sie sich um und rufen Sie uns an: 040-608 892 77
oder lesen Sie weiter.

Diese Seiten sind barrierefrei / barrierearm in XHTML und CSS gestaltet und nach W3C-Standard validiert: XHTML 1.0 Strict | CSS 2. © webdesign: michael rabe, Hamburg, 1999-2010. Alle Rechte vorbehalten. Alle genannten Marken sind Eigentum der jeweiligen Inhaber. Stand 01.09.2010