Re: [css-d] lateral page shift in opera

[David Laakso]

Mark Batty wrote:

>
>Thanks for all your help.
>
>I'm really desperate for some IE/Mac and Safari testing, can anyone help?
>
>Thanks.
>
>Mark.
>  
>
42 Mac/Linux captures. You may need to bang the refresh button on this 
page to bring them up:

Regards,
~dL

-- 
David Laakso
http://www.dlaakso.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] lateral page shift in opera

[Mark Batty]

> If that shift is too disturbing at your end, then try:
>
> html {height: 100%; overflow-y: scroll;}
> body {min-height: 100%; padding: 1px;}
>
> ...that should cover some browsers. Adjust padding as needed.

Thanks Georg, I tried this but got inconsistent results.  I have an existing
bottom margin of 50px, I could solve the page shift but lost the bottom
margin or vice versa, I tried different settings but couldn't get the same
on all browsers.  Kristina replied off list and suggested this:
html {
min-height: 100.01%;
margin-bottom: 0.01%;
}

After playing with both suggestions I now have this:
html {
min-height: 100.01%;
}
...
@media all and (min-width: 0px) {
html {
height: 100%;
}
body {
min-height: 100%;
padding-bottom: 1px;
}
}

I believe the @media all is an Opera only filter?

I've tested with FF 1.0.7, Opera 8.5, and IE 6.0 on Win XP SP2 with the
following results:
FF= no page shift, margin OK, no unnecessary scroll on short pages
IE= no page shift, margin OK, no unnecessary scroll on short pages
Opera = no page shift, margin OK, some scroll on short pages

I'd much rather have a little extra scroll instead of page shifting, but if
anyone can see how to fix that as well it would be better.

The original post is here:
html:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/index.html
css:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/good_brows
ers.css

And the current one is here:
html:
http://public.softectra.com/dev/lang/markup/css/cssd/281105_1/index.html
css:
http://public.softectra.com/dev/lang/markup/css/cssd/281105_1/css/good_brows
ers.css

You can switch between the home page and COMPONENTS for long and short
pages.

Thanks for all your help.

I'm really desperate for some IE/Mac and Safari testing, can anyone help?

Thanks.

Mark.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] lateral page shift in opera

[Gunlaug Sørtun]

Mark Batty wrote:
> Don't think I can do anything other than inform visitors of Opera 
> preferences.

Opera users rarely need to be told how their browser works :-)

If that shift is too disturbing at your end, then try:

html {height: 100%; overflow-y: scroll;}
body {min-height: 100%; padding: 1px;}

...that should cover some browsers. Adjust padding as needed.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] lateral page shift in opera

[Mark Batty]

[CUT]
> html:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/index.html
> css:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/good_brows
ers.css
> ie:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/ie_fix.css

Still can't get a fix for opera but I can turn off scroll bars in Opera
preferences using info found here
http://www.communitymx.com/content/article.cfm?cid=528A0

Don't think I can do anything other than inform visitors of Opera
preferences.

Would anyone be able to check for page shift in IE/Mac, Safari, Unix?

Cheers.

Mark.






__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] lateral page shift in opera

[Mark Batty]

> >This is caused because a vertical scrollbar is shown when a page
> is long but
> >the scrollbar is not shown when another page is short, the effect is that
> >pages appear to shift left and right.
> >
> >I've been using the following to force a permanent scrollbar on
> all pages:
> >
> >html {
> >min-height: 100%;
> >margin-bottom: 1px;
> >}
> >
> >This seems to work in IE and Firefox but not Opera.

Couldn't reply sooner, been 'orribly busy :(  Here's the culprit:

html:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/index.html
css:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/good_brows
ers.css
ie:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/ie_fix.css

(NOTE: I'm experimenting with a new min/max width IE expression I've been
working on for a few weeks that was based on
http://www.svendtofte.com/code/max_width_in_ie/.  My version uses ems and
min/max in a single expression.  I'd be interested in any initial feedback
on this.)

Without the min-height fix above, if you switch between the homepage and
COMPONENTS, the pages seem to shift left and right.  I test in FF 1.0.7,
Opera 8.5 and IE 6.0 on WinXP SP2 (note I'm in quirks mode).  Without the
fix above I get:

FF and Opera = page shifting
IE = no page shifting

If I include the fix using height: 100% (from
http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better), I
get this:

FF and Opera = no page shifting but I loose my bottom margin (I can increase
the margin in html but this causes unwanted scroll on short pages instead of
just 1px scroll)
IE = no page shifting

I can't remember where from, but I read about using min-height instead of
height to do this, so the latest attempt (with min-height) is this:

FF = no page shifting, margin OK
IE = no page shifting, margin OK
Opera = page shifting

So everything seems to work OK except Opera (could anyone test IE/Mac,
Safari, Unix?)

Thanks all.

Mark.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] lateral page shift in opera

[David Laakso]

Mark Batty wrote:

>Hi all
>
>David Laakso gave me advice off-list, following up on this I want to force a
>vertical scroll bar.  This is to prevent lateral page shifting when one page
>is very short and one page is very long.
>
>This is caused because a vertical scrollbar is shown when a page is long but
>the scrollbar is not shown when another page is short, the effect is that
>pages appear to shift left and right.
>
>I've been using the following to force a permanent scrollbar on all pages:
>
>html {
>min-height: 100%;
>margin-bottom: 1px;
>}
>
>This seems to work in IE and Firefox but not Opera.
>
>Can anyone help?
>
>Thanks.
>
>Mark.
>
The code referenced above is from 
. 
What version of Opera are you using, and what is your page URI? I will 
not be able to help but others may.
Best,

~dL

-- 
David Laakso
http://www.dlaakso.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] lateral page shift in opera

[Mark Batty]

Hi all

David Laakso gave me advice off-list, following up on this I want to force a
vertical scroll bar.  This is to prevent lateral page shifting when one page
is very short and one page is very long.

This is caused because a vertical scrollbar is shown when a page is long but
the scrollbar is not shown when another page is short, the effect is that
pages appear to shift left and right.

I've been using the following to force a permanent scrollbar on all pages:

html {
min-height: 100%;
margin-bottom: 1px;
}

This seems to work in IE and Firefox but not Opera.

Can anyone help?

Thanks.

Mark.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/