This is a "fat header", so the fat footer technique should work just as well
: place three div.container one after the other.
Example:
<div class="container" id="logo">
<img src="logo.png" alt="Jangha music + people" />
</div>
<div class="container" id="header">
Jangha Development & Deadlines
</div>
<div class="container" id="page">
[... page content goes here...]
</div>
On Thu, Nov 19, 2009 at 3:02 PM, Sean K. Stewart <[email protected]> wrote:
> Hi Janga,
>
> In order to get the background color to expand the width of browser,
> simply remove the class="span-24" on the div with the background
> color. So in your example, you can also remove 'width:100%' and
> 'margin:0 auto'.
>
> If you woud like content within the div that expands the width of
> browser, then add an internal div with 'class=container'.
>
> Does this work for your needs?
>
> On Nov 19, 7:18 am, Jangha <[email protected]> wrote:
> > HI Christian my goal is to do something like this:
> >
> > <body style="background-color:white">
> > <div class="container">
> > <div class="span-24">
> > <p>blabla.....</p>
> > </div>
> > </div>
> > <div class="span-24" style="background-color:yellow;width:
> > 100%;height:100px;margin:0 auto">
> > <!-- this div should be oustide the container to have all the
> > browser width I would like to put margin:0 auto to center this div but
> > DOES'T WORK-->
> > <div class="span-9"><p>bla</p></div>
> > <div class="span-15 last"><p>bla</p></div>
> > </div>
> > <div class="conatiner">
> > bla bla
> > </div>
> > </body>
>
--
Goulven Champenois
--
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].
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=.
