Definition Fixed Layout

Ein Fixed Layout (statisches Layout) ist ein Design-Konzept, bei dem die Breite der Website oder des Dokuments auf einen festen Wert eingestellt ist, der sich nicht verändert. Unabhängig davon, wie groß der Bildschirm des Nutzers ist, bleibt die Darstellung der Elemente immer identisch. Es verhält sich wie ein gedrucktes Blatt Papier im digitalen Raum.

Diese Begriffe beschreiben, wie ein Layout auf unterschiedliche Bildschirmgrößen reagiert:

• Fixed: Die Breite ist fest (z. B. 1200px). Auf kleineren Bildschirmen muss der Nutzer horizontal scrollen.
• Fluid (Flüssig): Die Breite wird in Prozent (%) angegeben und passt sich der Browserfenster-Breite an.
• Responsive: Nutzt Media Queries, um das Layout je nach Gerät (Mobile, Tablet, Desktop) komplett umzustrukturieren.

In einem Fixed Layout werden primär absolute Maßeinheiten verwendet. Der Standard ist hier der Pixel (px). Da Pixel feste physikalische Punkte (bzw. logische Einheiten) definieren, bleibt die Geometrie des Designs starr, im Gegensatz zu relativen Einheiten wie % oder vw (Viewport Width).

Fixed Layouts sind für das mobile Web (Mobile-First) 2026 weitgehend ungeeignet. Die Hauptprobleme sind:

• Horizontales Scrollen: Nutzer müssen von links nach rechts wischen, um Inhalte zu sehen.
• Geringe Lesbarkeit: Texte wirken auf kleinen Displays oft winzig, da der Browser versucht, die gesamte feste Breite herauszuzoomen.
• Schlechte SEO-Rankings: Suchmaschinen wie Google bewerten nicht-responsive Seiten als nicht benutzerfreundlich.

Trotz der Dominanz von Responsive Design gibt es Nischen, in denen Fixed Layouts der Standard sind:

• E-Books & Digitale Magazine: Bei bildlastigen Werken (z. B. Kochbücher, Comics), bei denen Text und Bild eine feste Einheit bilden müssen.
• Spezialisierte Landingpages: Wenn ein hochkomplexes, künstlerisches Design eine exakte Platzierung von Elementen erfordert (oft als "Desktop-Only" Experience).
• Interaktive Infografiken: Wo Präzision wichtiger ist als die Anpassung an jede Bildschirmgröße.