massive resource article on everything grids
also - somewhere there was great resources for 960px grids - find that again. Basically best width for a website is 960px as that divides well into a grid.
this was one
grid previewer / calculator
quick rundown for the web of grid design
Excellent grid designer app
Grid Designer - BAM! plug in your values and adjust until you find something harmonious and easy to divide by, play around easily with different columns etc, find the next size up from the grid you have if something needs enlarging, it does the maths for you!
I just used it to find a great grid for 800x600 I'll use in the future:
Columns:6
Pixels(wide):800px
Gutters:10px
Margins:30px
Makes columns 115px wide each - all divisible by 5!!
a baseline grid of 10px would work really well here...
horizontal grid increments happen at: 115px, 240px, 365px, 490px, 615px, 740px.
What I found is its better to have a grid of 12 columns, so that you can use it for 3 or 4 column designs / pages. ideally - you want it divisible into 3rds and 4ths both horizontally and vertically. (if your using a fixed height and width design).
OMG it also does typography - this should be your first stop for getting the right text sizes and layout when designing a new site and its going to have multiple columns anf you want to do the basline grid 'compose to a vertical rhythem' thing. looks like you can also export the css...