html {overflow-y: scroll}
TBH I don't understand what exactly this does
It's setting a rule for the HTML element which frames the entire page that
when
the content overfloys the boundaries of the container in the vertical
direction,
to use a scroll bar to display all of it. In most browsers, it triggers the
DOM
to reserve space for the scrollbar to avoid reflow if the content
dynamically
changes length via Ajax, document.write, etc.
An old/hackish workaround was to append enough invisible content to short
pages
to always exceed the vertical length.
----- Original Message -----
From: "ed" <[email protected]>
To: "Blueprint CSS" <[email protected]>
Sent: Tuesday, May 26, 2009 7:55 AM
Subject: [BP #3016] Re: Content shifts when scroll bar appears
@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
--------------------------------------------------------------------------------
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.5.339 / Virus Database: 270.12.39/2133 - Release Date: 05/25/09
08:16:00
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
