Einmal HTML, 40 verschiedene CSS-Layouts

In der Layout Gala wird gezeigt, wie man aus dem gleichen, einfachen HTML-Markup nur mit Hilfe von CSS vierzig verschiedene Layouts machen kann. Die Demo-Webseite besteht aus fünf verschiedenen Bereichen (Kopf, Inhalt, Navigation, Extra, Fuß), die auf immer neue Weise angeordnet werden.

Zur Positionierung der Elemente werden floats und in den meisten Fällen negative Ränder verwendet und kommen ohne Hacks aus. Alle Layouts funktionieren in IE 5-7, Firefox 1.5, Opera 8.5 sowie Safari 2 und können entweder online betrachtet oder als Zip heruntergeladen werden.

(via CSS Beauty)

Bisher keine Kommentare

Kommentar abgeben