On Tue, Sep 16, 2008 at 10:51 AM, PaulB <[EMAIL PROTECTED]> wrote: > > Hi > > I'd like to get your input on using > full width of screen background images and BP. > > Do you know of a way to create those full width > background images without having to use a seprate > <div class="container"> for each one and wrap it > with another div that has the repeating images set > as its background (repeat-x)? > > here is the code example: > > <body id="home"> > > <div id="bg01"> > <div class="container showgrid"><!-- BP container --> > <div id="header" class="span-24 last"> > > </div> > <div id="feature class=""> > > </div> > </div><!-- eo BP container --> > </div> > > > <div id="bg02"> > <div id="home" class="container showgrid"> <!-- BP container --> > > > </div><!-- eo BP container --> > </div> > > </body> >
There's really no other way of doing this. The container is always going to be 950 pixels wide, and the only way to center that reliably is with margin:0 auto, and if you want something that stretches the full width behind it, then of course you need to wrap it with a full-width div. This is how I've done it in the past. -- -- Christian Montoya 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 -~----------~----~----~----~------~----~------~--~---
