Here's what I did for a site recently. The footer spans the entire
width of the browser but I can still use the BP grid. See it in it's
full glory at http://www.downenddesign.co.uk
This looks fine until the browser window is resized to less than the
grid width. I can't remember how I fixed this before....
<div class="footer clear">
<div class="container">
<div class="column span-24">
<div class="span-6">
<p>© Downend Design 2009<br />Company
Number - 52165494</p>
</div>
<div class="span-6">
<div class="mainMenuFooter">...</div>
</div>
<div class="span-6 last">
<p>28 Westons Brake<br/>Badminton Park<br /
>Downend<br />Bristol<br />BS16 7BP<br />Tel: 01179 570281<br />Mob:
07754 147274</p>
</div>
<div class="span-6">
<a href="http://www.littledonkey.net";
title="Web design and Development by LD Web Solutions">Website Design
and Development</a>
</div>
</div>
</div>
</div>
On Sep 3, 7:56 pm, "G. D. Speer" <[email protected]> wrote:
> Sure, if you are centering the footer content - centering to the body
> element is identical to centering to a container that is centered to the
> body.
> If you are left-justifying, the fastest way to align to the BP container
> location that's above is to reuse the container class.
>
>
>
>
>
> ----- Original Message -----
> From: "Kees de Bruin" <[email protected]>
> To: <[email protected]>
> Sent: Thursday, September 03, 2009 11:27 AM
> Subject: [BP #3323] Re: How Do I Expand a Div the width of the Browser?
>
> > Can't you take the footer outside of the blueprint framework. This is
> > what I usually do with a header/footer that spans the complete width
> > of the page.
>
> > --
> > Kees de Bruin
>
> > "A vacation is having nothing to do and all day to do it in"
>
> ---------------------------------------------------------------------------
> -----
>
> No virus found in this incoming message.
> Checked by AVG -www.avg.com
> Version: 8.5.409 / Virus Database: 270.13.76/2343 - Release Date: 09/03/09
> 05:50:00
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
