Hi SiVA...
I believe you are correct with the code you have posted above. The
left and right padding on .box will increase the size it takes up and
therefore "break" the normal flow of the span-x classes.
Here's another way to get columns inside .box elements.
<div class="box clearfix"
style="padding-left:0;padding-right:0;">
<div class="span-11 prepend-1">
....
</div>
<div class="span-11 append-1 last">
....
</div>
</div>
This way may be a bit more convoluted; however, I believe it allows
for more flexibility in some layouts.
Just remember when using Blueprint... when you add extra classes
(i.e .box, .colborder, .border) to, or within, span-x you will most
likely need to subtract 1 from the span-x class.
--
Sean K. Stewart
On Jul 24, 10:46 am, SiVA_ <[email protected]> wrote:
> So if there are any span-x classes inside that box class then I would
> have to subtract one from it right? like so:
> <div class="span-5">
> <div class="box">
> <div class="span-4"> <!-- has to be 4, not 5 because of extra
> padding added by box -->
> ...
> </div>
> </div>
> </div>
>
> On Jul 23, 5:07 am, adster <[email protected]> wrote:
>
> > Hi,
>
> > Probably what you need to do is to add a inner div like so:
>
> > <div class="span-5">
> > <div class="box">
> > </div>
> > </div>
>
> > that way any extra borders, padding etc get applied to the inner div
> > and not the grid defining div.
>
> > I suppose another approach would be to recalculate the grid settings
> > and incorporate any extra padding or borders into the grid classes
> > themselves. Would that also work?
>
> > On Jul 22, 7:00 pm, SiVA_ <[email protected]> wrote:
>
> > > Hi,
>
> > > Why is it that when I add ".box" class to one of my grid columns it
> > > causes the layout to break? I have to decrease the span number of the
> > > corresponding column by one in order to accommodate the "box" class.
> > > Is that normal?
>
> > > Thanks
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
