Grid.css - Explain it please?

Hello Matt, A grid system like gridulator basically just configures some css clases for you to implement in your HTML that work as the scaffold for your design.

Ussually grid systems divide areas of the document in columns, and the clases assign those columns to you elements or html Div's.

I havent used gridulator, but Ill try to give some examples:

Imagine a 1000px width web is divides into 10 columns, so each column would be 100px width.

If you wanted an element to ocupy 400px you sould apply to it a class="4grid" to it. thus leaving you with 6 more grid spaces to use in the same row for content.

Good grid systems also handle grids inside of grids. Leaving empy spaces (offset) before placing the element, and manage all of your main elements floats and positions.

I know I haven't fully explained it, so I have found you some nicer explanaitons, I hope they help

First a simle one from Lynda http://www.youtube.com/watch?v=0IrWRuEyXYA

A more compehensive one: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/foundation-for-beginners-the-grid-system/

And thisone:

http://net.tutsplus.com/tutorials/html-css-techniques/prototyping-with-the-grid-960-css-framework/