tags:

views:

749

answers:

5

I want to use the 960 grid system to generate the layout for my website. I downloaded a 24 columns fluid version from the custom generator from their site.

Now I want to know every little thing I can do with it. I looked at the css file and found some class names like .suffix_x .prefix_x .push_x .pull_x .clear .clear_fix etc

Where can I find a tutorial explaining all these? How to make leftbar, main div and so on.

Weird that it doesn't teach you how to actually use the grid system on their webpage. And I couldn't find a GOOD tutorial explaining everything on google.

It would be great if someone could recommend such tutorials.

If some of you have used 960 fluid grid system it would be great with links to good tutorials too.

+1  A: 

Take a look at:

http://www.myinkblog.com/2009/02/24/design-a-fresh-blog-theme-on-the-960-grid/

That gives a good overview of using the 960 grid system and applying it step by step.

Jon
but where do they explain all the selectors you can use: .suffix_x.prefix_x.push_x.pull_x.clear.clear_fix
weng
+3  A: 

At the very bottom of their site they have a few links to tutorials.

I think you will find this Nettuts+ one of value in playing with 960.

Doug Neiner
A: 

i think there is a lot of result from nettut recently there is the place i learn from ...

spencerlim
A: 

I wrote a couple tutorials on the subject:

Designing a professional website from scratch - Photoshop

The link to the second part (HTML and CSS) is at the bottom of the article.

Andrew Boyce
A: 

I just watched this one today and it was super helpful. It's in video form:

http://net.tutsplus.com/articles/news/a-detailed-look-at-the-960-css-framework/

He even teaches contingencies in the event you'd like to add padding.

MattB