10 pixel shift

34 views
Skip to first unread message

George Cumming

unread,
Dec 28, 2011, 6:55:21 PM12/28/11
to Blueprint CSS
Hi,

My new website pages work and display well but when moving from one page
to another in some instances, there is a noticeable 10 pixel shift to
the left of the whole container. Then after moving to another page,
there is a 10 pixel shift to the left. I have the same results when
using Chrome, Opera, Safari and IE9. I am using last to close
subcolumns under a span-24. Basically I have span-24 header (icon),
span-24 nav bar, span-24 content with two sub-spans and a final span-24
footer.

My pages are not published yet.

Any ideas of what I might try to get rid of the annoying shift?

Thanks,

George

--
George M.A. Cumming Jr.

Sunny Beach

unread,
Dec 28, 2011, 7:10:51 PM12/28/11
to bluepr...@googlegroups.com, Blueprint CSS
Do some pages have scroll bars and others do not?

If so, there is nothing you can do about that.

Sunny

Sent from my iPhone

> --
> You received this message because you are subscribed to the Google Groups "Blueprint CSS" group.
> To post to this group, send email to bluepr...@googlegroups.com.
> To unsubscribe from this group, send email to blueprintcss...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
>

George Cumming

unread,
Dec 28, 2011, 7:22:52 PM12/28/11
to bluepr...@googlegroups.com
Hi,

Good thought but there are no scroll bars anywhere on any page.

I left out Firefox as one of the tested browsers - same problem there too.

Thanks,

George

G. D. Speer

unread,
Dec 28, 2011, 7:41:44 PM12/28/11
to bluepr...@googlegroups.com
Setting a container div's min-height to 101% can be used to force scrollbars
to display on all pages to prevent the shift.

George Cumming

unread,
Dec 29, 2011, 9:44:04 AM12/29/11
to bluepr...@googlegroups.com
Thanks,

After reading around a bit on the subject, I found this:

html {
overflow-y: scroll;
}

I added it to my css.

This works very well and solves the problem.

I wasn't really sure how to implement your suggestion so I looked around
to find an example.

You got me on the right track.

Thanks,

George


--
George M.A. Cumming Jr.

Paul Stuffins

unread,
Dec 28, 2011, 7:13:55 PM12/28/11
to bluepr...@googlegroups.com
Actually Sunny there is.

You can add "overflow-y:scroll" to the html block in your CSS.

I have added that to the blueprint CSS file that I use on all of my sites.

--Paul
--
Paul Stuffins
Chief Technical Officer

Reply all
Reply to author
Forward
0 new messages