Skivsamlaren

I’m having the same problem – anyone have an answer to this?

Regards, Simon

Regarding 2.

Maybe it’ll help someone – here’s the grid css I use for a 4% gutter:

.col {
margin: 0 0 0 4.0%;
}

.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.15%; }
.grid_10_of_12 { width: 82.5%; }
.grid_9_of_12  { width: 73.85%; }
.grid_8_of_12  { width: 65.2%; }
.grid_7_of_12  { width: 56.55%; }
.grid_6_of_12  { width: 47.9%; }
.grid_5_of_12  { width: 39.25%; }
.grid_4_of_12  { width: 30.6%; }
.grid_3_of_12  { width: 21.95%; }
.grid_2_of_12  { width: 13.3%; }
.grid_1_of_12  { width: 4.65%; }

I believe that should work fine.

I’m really an idiot when it comes to math, so if someone like minded wants to use their own gutter-width, here’s an feeble attempt at showing my work.. (Well mostly someone elses work, see onepcssgrid.mattimling.com)

I wanted 4% gutter/margin.

For 12 columns I need 11 margins. 4 x 11 = 44%.

To get the percent of one column I took the remaining 56% / 12 = 4.66. And for my own amusement I rounded it down to 4.65%.

So grid_1 is 4.65%. And grid_2 is that value doubled, plus one gutter, ie:
(4.65 x 2) + 4 = 13.3 (grid_2_of_12)

Then you can continue adding 8.65 to each level, and Bob should be your uncle in no time.