Has anyone else run into a problem with a 20px gap appearing at the top and the bottom of the page?

I've attached a screen shot as an example.

I added a

so that I could set the background color to #eee. Inside the all-page div is the usual
that has my page layout. The gap is still there if I remove the all-page div.

Any help appreciated, thank you!

CommentFileSizeAuthor
gap.png1.13 KBkostajh

Comments

briandelicata’s picture

briandelicata commented

In blueprint.css under div.container you have a top and bottom margin of 1.5em. In your css file add an override:

div.container {
margin: 0 auto;
}

and it should remove the gap from the top/bottom of the container.

designerbrent’s picture

designerbrent commented
Status: Active » Closed (works as designed)