Skip to main content
R
rogers67661604
Participating Frequently
June 28, 2019
Question

Why do my web pages "jump" when moving from one to another even if created from the same template?

  • June 28, 2019
  • 3 replies
  • 1383 views

I have 3 websites all created the same way from my own templates (different templates for each site) but all have the same problem.  I am using Dreamweaver CS5. My latest site is berksandmarlboroughdownsvillages.co.uk which has a page for each village in the Berkshire and Marlborough Downs. The site uses two templates, one for all the "village" pages and the other for all the other pages (Home, List of villages, About the downs, etc.). When moving from one page to another there is a slight but noticeable "jump" to the right and back again, even if the pages were created from the same template.

I have spent hours trying to work out why this is as I have never seen this fault on other sites and obviously it shouldn't happen.  I have checked through the code, tried things like standardising page lengths so they either all have or do not have a vertical scroll bar, centralising the site, but nothing works.

If anyone has the answer please let me know.

This topic has been closed for replies.

3 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
June 28, 2019

I'm not seeing any jumping between pages but the code contains errors that could effect page rendering in some devices.

[Invalid] Markup Validation of http://berksandmarlboroughdownsvillages.co.uk/index.html - W3C Markup Validato…

Google's Mobile Friendly report shows some page loading issues.

Mobile-Friendly Test - Google Search Console

Nancy O'Shea— Product User & Community Expert
R
rogers67661604Author
Participating Frequently
June 28, 2019

Nancy I had already looked at this but I'm afraid I don't understand the errors. What is the significance of the red > in each case?

Regarding the errors in line 224 for example what is the significance of the reference to "type" and "alt" attributes?

You can tell from this that I am a novice!

Regarding your suggestion about the cycling images I have tried replacing with a single image and as far as I can remember this made no difference. That said, I do want the cycling effect rather than a single image.

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
July 3, 2019

Conclusion to this one is the code is complete and utter junk. The browser is trying to dechiper what the hell it needs to do with all the width declarations (probably none add up to the correct width) so the browser is re-adjusting on the fly, not to mention all the invalid heights, empty and redundant tags. I'm actually surprised it performs as well as it does. This is only fit for the bin.

Sorry to be the provider of this news but someone has to be truthful.


osgood_  wrote

Sorry to be the provider of this news but someone has to be truthful.

I agree the current site is showing its age.  ThickBox ended in 2007.  That makes the site at least 12 years out of date.  No matter how you look at it, it's overdue for a re-build with modern  code and responsive layouts.   The current site is not practical or sustainable.

Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    June 28, 2019

    Actually, nevermind that, that looks very much to me like you have a case of FOUC...

    Flash Of Unstyled Content

    Basically, parts of your page are loading before they're 100% styled by your css. It might take a little doing, depending on how your pages are created, but there are many articles on eliminating FOUC (and the more maddening version without the O) online that can help you eliminate that oddness.

    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    June 28, 2019

    Are the "jumping" pages longer than the browser window?

    The addition of the scrollbar on the right of the browser window will create a "jump" effect as everything moves over 20 pixels to make room for it. It's not something anyone but those of use with varying levels of Designer OCD will notice.

    R
    rogers67661604Author
    Participating Frequently
    June 29, 2019

    Jon

    Some of the "jumping" pages are longer than the browser window and others are not. The page length makes no difference. And whether there is a scroll bar or not makes no difference.  The content jumps a few pixels to the right and then jumps back again.

    The style sheet is incorporated in the Head of the template so would it not be loaded first?

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    June 29, 2019

    Try getting rid of the StatCounter and see if that solves the problem.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices