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.
