[css-d] page jumping in FF if not enough text: FIXED (short-page shift)

[metasilk]

Hey, thanks David & Rahul (and Zoe) for the fix! It's working (of
course). You guys are great.

> metasilk wrote:
> > In Firefox/Win (several versions), I'm finding that although these two pages
> > differ only in amount of  text (and not at all in style or php), when I
> > switch from one to another, the page jumps (to the left going from the first
> > to the second, back to the right otherwise)..]

> David Laakso wrote:
> It is not happening on my end (if I understand what you mean). You may
> have experienced "short-page shift." If that's what it was, this
> article by Zoe
> Gillenwater explains it  and offers solutions.

> Rahul Gonsalves wrote:
> It's the lack/presence of vertical scrollbars. Add this fix to your CSS
> file, and then build pages that validate :-)
>
> html {height: 100%; margin-bottom: 0.1px; font-size: 100%;}


-- 
Kir Talmage
http://www.metasilkwebworks.com
email: [EMAIL PROTECTED]
tel: (802) 238-5118
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] page jumping in FF if not enough text

[metasilk]

Dear Mike & css-crew:
>
> metasilk wrote:
> > In Firefox/Win (several versions), I'm finding that although these
> > two pages differ only in amount of  text (and not at all in style or
> > php), when I switch from one to another, the page jumps (to the left
> > going from the first to the second, back to the right otherwise).  I
> > know that if I add or delete text so that the footer appears on both
> > or on neither when the page loads this jumping stops.
> >
> > It does not happen in IE 6.02/Win, even with the differing lengths of
> > text.
> >
> > Can someone tell me what's happening, and how to suppress this
> > behavior without having to have a lot of empty space (without some
> > sort of min-height div)?
> >
> > Thanks!!
> >
> > Pages:
> > http://www.gmavt.net/~ktalmage/thirdsector/publicpart.php
> > http://www.gmavt.net/~ktalmage/thirdsector/grantwriting.php
>
> Start by making sure your document validates - there seem to be a number of
> validation errors! You're using XHTML Strict so, for example, you should not
> use "border=" in mark-up (set in CSS). Then perhaps repost?
>
> Mike A.
>

Thanks for the quick reply! It's valid XHTML & CSS now. But... still
jumping! So, reposting.  (Tricksy stuff, this. )
http://www.gmavt.net/~ktalmage/thirdsector/publicpart.php
http://www.gmavt.net/~ktalmage/thirdsector/grantwriting.php

-- 
Kir Talmage
http://www.metasilkwebworks.com
email: [EMAIL PROTECTED]
tel: (802) 238-5118
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page jumping in FF if not enough text

[Rahul Gonsalves]

Kir,

It's the lack/presence of vertical scrollbars. Add this fix to your CSS 
file, and then build pages that validate :-)

html {height: 100%; margin-bottom: 0.1px; font-size: 100%;}

Regards,
- Rahul.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page jumping in FF if not enough text

[David Laakso]

metasilk wrote:
> In Firefox/Win (several versions), I'm finding that although these two pages
> differ only in amount of  text (and not at all in style or php), when I
> switch from one to another, the page jumps (to the left going from the first
> to the second, back to the right otherwise)..]
>   
It is not happening on my end (if I understand what you mean). You may 
have experienced "short-page shift." If that's what it was, this 
article by Zoe 
Gillenwater explains it  and offers solutions.
> Pages:
> http://www.gmavt.net/~ktalmage/thirdsector/publicpart.php
> http://www.gmavt.net/~ktalmage/thirdsector/grantwriting.php
>
>   

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] page jumping in FF if not enough text

[Mike A]

metasilk wrote:
> In Firefox/Win (several versions), I'm finding that although these
> two pages differ only in amount of  text (and not at all in style or
> php), when I switch from one to another, the page jumps (to the left
> going from the first to the second, back to the right otherwise).  I
> know that if I add or delete text so that the footer appears on both
> or on neither when the page loads this jumping stops.
>
> It does not happen in IE 6.02/Win, even with the differing lengths of
> text.
>
> Can someone tell me what's happening, and how to suppress this
> behavior without having to have a lot of empty space (without some
> sort of min-height div)?
>
> Thanks!!
>
> Pages:
> http://www.gmavt.net/~ktalmage/thirdsector/publicpart.php
> http://www.gmavt.net/~ktalmage/thirdsector/grantwriting.php

Start by making sure your document validates - there seem to be a number of
validation errors! You're using XHTML Strict so, for example, you should not
use "border=" in mark-up (set in CSS). Then perhaps repost?

Mike A.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] page jumping in FF if not enough text

[metasilk]

In Firefox/Win (several versions), I'm finding that although these two pages
differ only in amount of  text (and not at all in style or php), when I
switch from one to another, the page jumps (to the left going from the first
to the second, back to the right otherwise).  I know that if I add or delete
text so that the footer appears on both or on neither when the page loads
this jumping stops.

It does not happen in IE 6.02/Win, even with the differing lengths of text.

Can someone tell me what's happening, and how to suppress this behavior
without having to have a lot of empty space (without some sort of min-height
div)?

Thanks!!

Pages:
http://www.gmavt.net/~ktalmage/thirdsector/publicpart.php
http://www.gmavt.net/~ktalmage/thirdsector/grantwriting.php

-- 
Kir Talmage
http://www.metasilkwebworks.com
email: [EMAIL PROTECTED]
tel: (802) 238-5118
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/