I believe this also works:
html { margin: 0 0 1px 0; min-height: 100%;}
and I don't think there's an alternate to not always having a
scrollbar to prevent the shift unless of course you don't center the
page.
sean
On May 26, 7:06 am, ed <[email protected]> wrote:
> Ho hum, think first, post second.
>
> It looks like it always draws the vertical scroll bar whether or not
> it is needed. So I guess you have the choice of a needless scroll bar
> sometimes or content shifting about sometimes.
>
> On May 26, 2:55 pm, ed <[email protected]> wrote:
>
> > @Goulven: the article confirmed what I already knew which is that the
> > appearance of a scroll bar caused the layout to jump about.
>
> > @Christian: really? the shift in an otherwise centred layout was
> > really noticeable and was, to myself and my client, unacceptable.
>
> > FWIW I discovered this on another forum, I added the following to my
> > CSS after the blueprintcss files
>
> > html {overflow-y: scroll}
>
> > TBH I don't understand what exactly this does but it seems to have the
> > desired effect. On my Mac this works for FF and Safari, On Linux it
> > works on FF/Centos 5.3, I have yet to hear back about IE7 (for this
> > project we are leaving IE6 to its own devices).
>
> > On May 26, 1:19 pm, Christian Montoya <[email protected]> wrote:
>
> > > On Tue, May 26, 2009 at 6:09 AM, ed <[email protected]> wrote:
>
> > > > I have a new site with a mix of page lengths. When switching between
> > > > pages the content can shift depending on whether the scroll bar is
> > > > displayed or not.
>
> > > > This is very unpleasant and I have had to give .container a 5px left
> > > > margin to fix it in place, which kind of spoils the appearance.
>
> > > > Is there a work around for this? I can't believe I'm the first person
> > > > to come across this issue.
>
> > > I think you are not the first person to come across this issue, but
> > > the first to consider it a problem.
>
> > > --
> > > --
> > > Christian Montoya
> > > mappdev.com :: christianmontoya.net
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
