Da Grid-basiertes Design ja immer mehr genutzt wird gibt es heute eine kleine Liste mit verschiedenen Grid-Systemen (ein oder zwei davon habe ich vorher hier schonmal erwähnt).
960 Grid System
Das 960 Grid System ist eines der bekannteren Grid-Systeme. Es beschränkt sich auf das reine Grid und auf der Homepage gibt es GEneratoren für angepasste Grid-CSS-Dateien und auch HTML-Layouts.
Blueprint
Neben der Grid-Funktionalität ist Blueprint ein komplettes CSS-Framework welches noch eine Menge anderer Features bietet. Z.B. sind noch Stylesheets für Druck-Versionen enthalten, es verbessert die Typographie und vieles mehr.
1KB CSS Grid
Dieses System dürfte so ziemlich das Kleinste sein. Es bietet nur den CSS Code für das Grid und sonst nichts. Es liefert also keine Resets für sonstige CSS-Stile, CSS für bessere Typografie oder sonst etwas mit sondern nur das Grid.
YAML
YAML ist insofern vorteilhaft, als dass es aus Deutschland stammt und daher entsprechend viel Material dazu auf deutsch vorhanden ist. Neben den reinen Grid-Features soll YAML auch die Erstellung von barrierefreien Websites erleichtern und enthält einige Problemfixes für verschiedene Browser.
YUI CSS Grid
Das YUI CSS-Grid ist Teil von Yahoo’s YUI-Scripts. Das Grid passt sich ggf. auch an die Font-Grösse des Users an, zentriert Layouts die nicht die komplette Bildschirmbreite nutzen automatisch und vieles mehr.
Diese framework sind interessant aber ich möchte gern meinen eigenen css machen (vielleicht seit einen Template) um sie besser kontrolieren.
Ich hab ein Projekt (http://www.wolkersdorf.at) mit YUI CSS Grid umgesetzt. Ist nicht so einfach, alles unter einen Hut zu bekommen. Der Aufwand war beträchtlich, vor allem, bis es auch im IE6 funktioniert hat. Die Umrechnung von px in em ist mühsam, hab dafür ein PHP Script (http://edv.dorn.cc/yui/) erstellt, daß mit die passenden Angaben konvertiert.
Problematisch ist die Abhängigkeit von em zur aktuellen Fontsize. Das macht die CSS Einträge undurchsichtig und Seiteneffekte bei Änderungen von Fontsize sind vorprogrammiert.
960 hab ich kurz angeguckt, sowie Blueprint. Ich fand dann YUI CSS Grid besser, vor allem wegen der Scalierung mit der Schriftgröße. Aber seitdem der IE7/8 das auch kann, ist das eigentlich kein Thema mehr.
Beim nächsten Projekt werde ich nochmals einen Blick auf andere Frameworks werfen. Oder ich verwende von YUI nur Reset und ev. Fonts.