Erratic jump when switching pages

[McDuff]

On our site czechfriends dot org , I just inserted a "donate now" button on the index page, in the side-bar.

Before inserting the code for this, the site switched smoothly between pages. Since inserting, the pages make a jerk sidewards and back when switching between pages. With one exception, this did not happen when switching between "about us" and "contacts and links".

I then tried something, no dice, went back to how I thought it was, but now the jerk is absent in a different place, between "about us" and "sign our guestbook"

I know that in some pages, this can also happen if the scroll-bar is not always displayed, but that is not the case here. Re-installing the original index page immediately stops the jerking.

I find it irritating to see, so any idea how to stop this?

McDuff

[kitchin]

Usually it's the vertical scrollbar appearing and disappearing based on whether the page is long enough to overflow. Firefox does it and IE does not, and IIRC there is no workaround except to make the page longer.

[McDuff]

Usually it's the vertical scrollbar appearing and disappearing based on whether the page is long enough to overflow. Firefox does it and IE does not, and IIRC there is no workaround except to make the page longer.

Kitchin, I had that problem on another site of us, and solved that by adding

height: 100%;
margin-bottom: 0.01em;

in the css file at the end of the body info. I got that solution from the link below, maybe some other people can use it as well.

http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/

However, the scroll-bar is present on all of these pages and even adding the lines in the css file does not make a difference.

In addition, it is not a small move sideways and stays there -as in the scroll-bar problem- but a quick jerk sideways and back. It does it both in Firefox and IE.

[kitchin]

Sorry, looks like I did not read your full post! :ytskydve:

Ok, so there is a typo in your html, an extra double-quote after ".gif". I saw it in Firefox view-source because it was red.

<input type="image" src="http://www.czechfriends.org/images/buttons_donate_now.gif"" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">

Then some other things to try are styling <form> and maybe putting a <br> between the above image and the pixel.gif image that follows it.

[McDuff]

Ok, so there is a typo in your html, an extra double-quote after ".gif".

:clapper: That's it, great, thanks :yeah:. Still don't understand why the extra " would make it behave like that, but I deleted the typo and things works ok now in Firefox and reasonable also in IE (bit slow).

The whole "form" part is a code generated and fixed by PayPal to copy onto your site, but should not be changed according to them. Not sure how the double '''' came there to begin with and it did not show up when I checked the page for errors.

If I ever have time, I should recheck all pages and make things work smoother, clean up unnecessary coding, redo images, etc, but for the moment, I have no time.


Whatever, it works again, thanks. :bow: