960 Grid System (960gs)

http://960.gs/demo.html

http://960.gs

Beispiel

   
 1 vorher, 3 breit, 8 nachher 
   
10 Breit 
 2 Breit


960gs Klassen:

Gesamtbreite des Layouts ist 960px. Man kann relative einfach breitere Ränder erzeugen.

.container_12 erzeugt einen Container für den ein 12 Spalten Raster gilt

.container_16 erzeugt einen Container für den ein 16 Spalten Raster gilt
.grid_1 bis .grid16

erzeugen Spalten, die entweder im 12er oder 16er Raster liegen (je nachdem ob container_12 oder container_16 als Elternelement vorliegt.

.prefix_1 bis .prefix_15 Erzeugt leeren Raum vor dem grid Element

.suffix_1 bis .suffix_15 Erzeugt leeren Raum nach dem grid Element

.alpha verhindert den 10px margin am Anfang eines Grid Elements .omega verhindert den margin am Ende