Liebe Forengemeinde
Vor ca. 1 Monat habe ich das 960 Grid System entdeckt. Dabei viel mir vor allem die überaus einfache Handhabung eines Grid Systems auf. Innert kürzester Zeit hat man ein äusserst stabiles Layout ohne sich um das Floating zu kümmern. Eines sticht aber vor allem heraus: man kann auf den Pixel genau sagen, wo sich ein Element befindet oder wo man ein Element platzieren wird.
Der Nachteil des ganzen System ist aber die nicht ganz semantische Verwendung des div-Element. Sobald man eine Zeile eingefügt hat, muss man einen leeren div-Container platzieren der das Floating wieder entfernt, unabhängig davon ob man schlussendlich nur eine einspaltige Zeile eingefügt hat. Eine andere Sache ist die Verwendung der beiden Klassen .alpha und .omega um den margin von 10px links respektive rechts aufzuheben. Eine weitere Sache ist die Breite des gesamten Layouts. Obwohl der äusserste Container eine Breite von 960px hat, stehen einem nur 940px zur Verfügung. Dies aufgrund von einem margin rechts und links von 10px. Diese drei "Kleinigkeiten" halten wahrscheinlich trotzdem viele davon ab, dieses Grid System zu benutzen.
Per Zufall bin ich dann auf ein Artikel von Nick La gestossen der eine interessante Alternative dargelegt hat, diese Probleme zu lösen. Er hat mit Darcy Clarke eine neues Grid System erschaffen, dass er The Simpler 940px Grid nennt. Der unnötige leere Container muss man nicht mehr verwenden. Stattdessen muss man dem ersten div-Element einer Zeile die Klasse first anhängen welche den Float löst. Die Nachfolgenden Elemente sind so vom Floating befreit und brauchen so kein anschliessendes Clearing mehr. Somit sind die Klassen .alpha und .omega ebenfalls überflüssig geworden. Die Gesamtbreite beträgt 978px und die beiden Abstände von 10px links und rechts wurden entfernt.
Ich hoffe ich habe Euch auf den Geschmack gebracht und hoffe das Ihr gefallen an einem meiner Meinung nach nahezu perfekten Grid System findet. Bitte schaut es Euch an, es ist ausgeklügelter als man denkt.
Ich habe Euch das Grid System zusammengebastelt, da man es (noch) nicht als fertiges Paket herunterladen kann.
Download:
http://data.anver.ch/_file/978_grid_system.zip
P.S.: Dieses Grid System richtet sich an eher erfahrene Benutzer von HTML und CSS, nur als Hinweis (mit Augenzwinkern zu lauras)...