960 Grid System (gs) is just a grid (960 px divided in 12 or 16 columns).
You have then the following classes:
- container_XX is used in the outermost box to determine how many columns. You can use container_12 or container_16 (which can be used separately or in tandem)
- grid_XX: XX is for how many columns you want the block to be. For example, grid_10 will be 10 columns wide. The exact pixel width is determined by how many columns you’ve divided the grid into
- prefix_XX allows you to add in blank columns before a block. XX specifies how many blank columns you want.
- alpha is for if you have children blocks. If you do this, you’ll want the first child to have no margin on the left side. alpha makes that happen.
- omega is similar to alpha, except that it gives no margin on the right side. Use it for the last child.
Uses Erik Meyer reset. Supports only A-Grade browsers.
Dual licensed as MIT and GPL.
Pros
- grid based, pixel based.
- Gridder GUI tool
Cons
- grid based: hard-coded location via the css classes
- Fixed columns and fixed max width (but Variable Grid System can generate 960-style css for any grid
Advertisement
