Grid system

Width

No. of columns

Margin (left)

Margin (right)

 

960 Grid System – A powerful CSS framework for building websites quickly

CSS is beauty. Yes that is because it adds beauty to your roughly built html pages and texts. It is not harder to beautify a web page by using graphics, but sometimes graphics are expensive when we are talking about overall page load time.

There is always been a big war between CSS and tables. In simple words war between tables based html web pages and tables html web pages. Both of their own pros/cons but CSS make the things simple and better.

When we talk about building multiple column web pages by using table based code or CSS then float theory and floating the elements (columns) in their proper place is always a headache.

960 Grid systems will make these things simpler and cleaner. 960 Grid system is a CSS framework, very easy to use and flexible for making as many as 12 up to 16 column design.

960 basically have predefined Div sections and containers. You don’t need to worry about any floating problems. All you have to do is to use either 12 column container or 16 column container depending on your needs. Then make your own columns by using their grid classes.

Read full article

Category: 960.gs tutorials

Tagged: ,

Leave a Reply

Submit a resource

Polls

Which grid system(s) do you use?

View Results

Loading ... Loading ...