Thanks Donald and the rest of the community here. I have been impressed with how receptive blueprint folks are with sharing.
Anyway, I did something like you, Brent and Sunny Beach recommended using http://binoid.com/ and http://brenthardinge.net/ as examples. I ended up using .container for a header, main content and footer. I hope to roll out the new site soon. Thanks again! On Feb 18, 1:41 am, Donald <[email protected]> wrote: > I had a similar problem and this is how I solved it: > > Suppose you want a header that spans the entire width of the page, and > not simply just the containing box. But, you also want to be able to > align header elements with the elements below contained inside the > container. Remember that CSS is magic, and you can reuse it inside as > many as your home-made divs as you'd like. > > <--the extended header with its width set to 100% of the body tag --> > <body> > <div id="theExtendedHeader" style="width:100%;"> > <div class="container"> > <div class="span-24"> > Here is your header content > </div> > </div> > </div> > > <div class="container"> > > ... the rest of your page > > </div> > </body> > > On Dec 28 2009, 10:11 am, shrop <[email protected]> wrote: > > > > > Hello, > > > I am working on a new Drupal Theme using blueprint and I have a full > > width 5px border line at the top. I just created a wrapper div around > > container for this. Seems to work fine. The content areas and header > > of the theme are within the Blueprint container and are using 950px > > for width. > > > I also want a full width footer. What I have done is pulled the footer > > divs out of the Blueprint container and added them below so they can > > go full width. This appears to be working for me in Safari, but > > haven't tested other browsers yet. I am curious how other blueprint > > users deal with full width headers/footers, etc and what are the best > > practices. Are there any examples out there? > > > Thanks! > > Mark -- 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.
