Rendering columns issue with

1 view

Skip to first unread message

Gilles

unread,

Mar 18, 2010, 11:06:47 AM3/18/10

to Blueprint CSS

Hello
I started to use blueprint css and follows the doc, but at one point
i fell on an issue. My layout is basically this one
body
div class= "container"
div id=header class=span-24 last
div id=content class="span-17 colborder
div id=sideber class="span-6 last

This renders fine on some page but on others i have sidebar
overlapping the left border and displayed under the content and there
is a gap in the border at bottom. Any ideas of what is going wrong ??

Thanks

Full project is here http://github.com/gillesmathurin/gwadaoccasions,
feel free to try it

ChristinaZ

unread,

Apr 12, 2010, 10:42:01 AM4/12/10

to Blueprint CSS

To eliminate the gap, add margin-bottom:0; to the divs in your custom
stylesheet to override Blueprint's CSS
Not sure about your spans overlapping--which site is it happening to?

(And if you copied this straight from your code, you have a typo in
id=sidebar that's going to drive you nuts some day)

On Mar 18, 11:06 am, Gilles <gwadama...@gmail.com> wrote:
> Hello
> I started to use blueprint css and follows the doc, but at one point
> i fell on an issue. My layout is basically this one
> body
> div class= "container"
> div id=header class=span-24 last
> div id=content class="span-17 colborder
> div id=sideber class="span-6 last
>
> This renders fine on some page but on others i have sidebar
> overlapping the left border and displayed under the content and there
> is a gap in the border at bottom. Any ideas of what is going wrong ??
>
> Thanks
>