I'm a 35'ish year old web application developer from South Portland, Maine. I love meeting fellow techies, drop me a line if you want to talk shop.
Posted on 04/01/2009 at 06:24 AM
I’ve been using the Blueprint and 960gs CSS Frameworks for a while now and have had but one complaint: they both assume you want to create your layouts with margins between the columns. Unfortunately, in my own use of these frameworks I’ve found that I work more with inner columns than exterior ones, and the default margin styles were a nuisance then.
So ... I forked Nathan Smith’s 960gs and recalculated the grid styling to remove the column margins. Now when I declare any two columns side by side, they will be flush against each other. Perhaps others will find this useful as well. I left the reset.css and text.css styles as they were.
You can find my code here.
One final note: I’ve been using 960gs a lot more than Blueprint lately because I’ve found Blueprints text styles make too many assumptions on my behalf for how I would like my text to layout. 960gs in comparison is quite minimal.
thanks a lot!
I came up with a solution that works pretty well for me, that acts as a mod for the GS, so you don’t actually have to edit the 960gs source.
http://www.michaelhartmayer.com/css/960gs-margin-mod
Check it out
Lemme know if you like it.
Michael
You can use grid generators (http://www.spry-soft.com/grids for 960gs, the included ruby compress tool for blueprintcss) and specify a zero gutter width...well they allow you to specify total width / grid element width / columns count as well or to generate a customized grid
Often times I will release code for free or go that extra distance to help others online. If my skills were useful to you, please consider a small donation. Thank you very much.
@ github.com
@ twitter.com
@ calendaraboutnothing
Foundation's Edge, RJones Family, We're Not.com (only for staging), Ailee Jones (same as rjones for now)
Aaron, Barnaby, Brian, Chris, Dirk, Frank, Four, Justin, Matt, Mike, Monty, Paul, Sean, Travis
I can usually be found lounging on irc.freenode.net while I work, on the following channels: #fauna, #github, #hello-heroku, #jquery, #passenger, #ruby, #rubyonrails, #slicehost, #sproutcore, #textmate, #werenot.
yes, i face the same problem as well. i’ve tried to remove the margin without changing the source code, but finally i realized that it can’t be done. thanks for the share! God bless