960 Grid System Tutorial
To make this website I have used a CSS framework called 960 Grid System (960gs). Here is a quick tutorial on how to use this flexible and frighteningly easy framework. This has been adapted from the notes I wrote for the University of Salford.
Introduction
The biggest problem with CSS development is the number of different browsers which are out there and being used. Each browser implements CSS slightly differently (some more differently than others). This causes huge headaches for any web developer trying to get a consistent layout across different browsers, browser versions and platforms.
To combat this, programmers started developing frameworks to aid them when creating new designs. These frameworks attempted to make developing layouts (and particularly prototyping of layouts) faster, easier and more consistent across browsers. These frameworks often use grid systems to represent positions of elements when displayed.
960 Grid System
One of these frameworks is called 960 Grid System, and is a fixed width framework. This is a very simple framework that allows the developer to very quickly implement wire-frame designs and then embellish their content with their own styles. The width of a page using 960 Grid System is (ironically) 960px, and this can be split into either 12 or 16 grids (each 60px or 40px per grid respectively with a 20px gap between the grids).
