To add to the overall conversation, I think you are going to need a few extra divs to hold the content and provide padding away from the grid edges.
I tend to think of the of the grid as a skeleton into which you can add anything you want. The skeleton keeps things in the right place across all browsers--better than I could do myself. You could even do a big table based layout inside the blueprints grid if you wanted ;) Looking at the existing site, the only thing that may be a problem to replicate is the narrow gutters between columns. I know it is possible to generate blueprints-based css with narrow "gutters" but I don't have experience with that. Sunny On Fri, Feb 5, 2010 at 10:52 AM, Matthew Davis <[email protected]> wrote: > I've tried adding custom CSS like: > >> .container { padding: 20px; } > > But, that also has the issue of making the container 40px wider than normal, > and also messes up placing the grid background on the container for debugging. > > What I want: > > * To replicate the layout (and just the layout with grey boxes or something) > of http://www.musicbackingtracks.co.uk in BluePrint > * To use the grid system from BluePrint properly > * To have the sidebar moved away from the edges of the container > * To have the grid showing on the container div which lines up with the > actual content (obviously) > > What I don't want: > > * To add a ton of extra CSS > * Not needing to add any extra markup (as in, no containing divs that don't > need to be there) > > If anyone would be kind enough to show me a demo of this, I would be > eternally grateful... BluePrint looks brilliant, but until I can get this > issue sorted out, I can't use it. > > Thanks again everyone... > > Matt > > > On 5 Feb 2010, at 15:42, Christian Montoya wrote: > >> On Fri, Feb 5, 2010 at 8:40 AM, Matthew Davis <[email protected]> wrote: >> >>> I guess what I'm looking for is some way to pad the whole container div with >>> some padding, but to keep the grid intact. >>> >>> Any more ideas? >> >> Add some custom CSS: >> >> .container { padding: 20px; } >> >> -- >> -- >> Christian Montoya >> mappdev.com :: christianmontoya.net >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Blueprint CSS" group. >> To post to this group, send email to [email protected]. >> To unsubscribe from this group, send email to >> [email protected]. >> For more options, visit this group at >> http://groups.google.com/group/blueprintcss?hl=en. >> > > -- > You received this message because you are subscribed to the Google Groups > "Blueprint CSS" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/blueprintcss?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
