How can I add the 10 px gutter of a 40px grid(so that it will be 50px) in 960 css framework?
A:
What I do is add another div inside each of my grid_X divs:
<div class="grid_4 alpha">
<div class="inner">
content
</div>
</div>
.inner {
padding: 0 10px;
}
nickf
2009-02-04 05:52:30
but you are effectively reducing the horizontal content area by 20px. I actually wanted to add 10px on either the left or right side by adding up the gutter.
ken
2009-02-04 05:57:05
...wouldn't that be breaking the grid?
nickf
2009-02-04 06:03:39
that's actually what's happening right now, im trying to add border which requires that the content is padded but adding more padding makes the content area smaller.
ken
2009-02-04 06:06:05