Jump to content
barryevans

IE8 page content jumps when being loaded

Recommended Posts

barryevans    2
barryevans

Hi,

 

I have an issue on IE8 when the page content jumps when it loads.

 

A couple of things worth mentioning:

 

I am using the google compatibility script, when this is turned off the issue goes away, but I get other compilibilty issues.

I am only seeing this behavoiour on IE8, all other tested browsers are fine including IE9, Firefox, Chrome etc...

I have tested with all CSS removed but still see the same behaviour

I have used IE8 specific CSS to get the formating to look correct, so it is formatted correctly after the page jumps. 

 

I am not sure if my issue is related to the below post?

http://www.pagelines.com/forum/topic/25626-ie8-problem-with-random-space/page-2

 

My site can be found here

http://tinyurl.com/a5vt5bc

 

PS. two screenshots attached to show before and after, the page jumps between 1-3 seconds of loading dependant on which machine it is being loaded on.

 

Screenshot1

http://tinyurl.com/cj62e5t

 

Screenshot2

http://tinyurl.com/d2ghuub

 

If you need any additional information, let me know

 

Thanks,

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

Can you install a free application called Jing. Jing captures anything you see on your computer screen, as an image or short video, and lets you share it instantly.

 

Record the issue and provide us with the URL to the uploaded clip, then we can see the issue first hand. As most of our staff do not have access to the IE8 Browser.

 

Also, please try removing all non-PageLines plugins and see if this resolves your issue, if the issue persists, please remove all custom code and see if the issue persists.

 

Also, can you provide us with your PHP info please, as well as enable PageLines debug mode. (PageLines > Site Options > Advanced).


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

Thank you for your reply,

 

Unfortunately I have restricted access on the IE8 machine, so I am unable to install Jing. However I have provided two screenshots on my previous post which shows the before and after state. When the page is loading it jumps from the layout in the first screenshot to the layout in the second.

 

Removing all CSS custom code makes no difference, I still see the content move/jump when the page loads, albeit in a different position.

 

I have also tried disabling all non Pagelines plugins, but that makes no difference

 

Pagelines debug mode has been turned on.

 

PHP info to follow shortly, I don’t have FTP access at the moment.

 

Thanks,

 

 

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

Please could you advise the next best steps in order to troubleshoot/resolve this issue.

 

Thanks,

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Barry 

 

Having tested this on IE 8 and 9 i cannot replicate the issue - have you managed to resolve this? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

Hi Martin,

 

Thank you for you reply,

 

No - this isssue has not been resolved, I have just tested this on two different IE8 machines and still see the same behaviour.

 

I see the issue on all pages, have you tried clicking between the pages on the site, also it maybe worth trying a Ctrl + F5 to force a refresh.

 

Thanks.

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

I too have test using Browser stack.

 

For some reason when my site loads on Browserstack it is extremely slow.

 

What you are seeing is the pre jump positioning.

 

If you wait until the home page has loaded, click refresh, wait a further ~100 seconds (I have no idea why it takes that long, but please bear with it) you will see the content jump I am referring to.

 

Worth noting, when I load this page on a physical IE8 device, the page content jumps within a sec or so of loading - It is only the on the Browserstack enviroment the page hang for 1-2 mins.

 

Thank you for you help with trying to understand this issue.

Share this post


Link to post
Share on other sites
perrknight    0
perrknight

I am having the exact same issues in IE8, plus FontAwesome icons are not working. I currently have the Google Compatibility Script turned off, as it is causing additional problems when turned on since the last update. Unfortunately, I have to support IE8.

Share this post


Link to post
Share on other sites
James B    436
James B

@perrknight are you able to do a quick video cast using Jing so we can show the core/dev team.

 

@barry i've tried on browser stack but I can't see it jump on there, did wait for a long time but nothing. I have created a bug report for the similar case you linked in your original post. I think the reason it's jumping is because the browser specific css kicks in after the page loads, if you take it out you do you just get left with the white gaps like Mitz did on the other thread?


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

Thank you for raising the bug report, to clarify I still see the page content "jump" even with all custom CSS removed.

 

I agree with your comment that something changes when the page loads, but I think more likely that this is related to the Google compatibility script, as when turned off the issue disappears.

 

However with the compatibility script turned off, my site content is not displayed as indented

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

James as reported this possible issue. However, you're using negative margins to position the Business Branding section, negative margins in my opinion are a bad idea to position elements as it can cause all kinds of issues. I highly suggestion you find an alternative method to position your Business Branding section.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

James, thank you for you reply - I will see what I can do to eliminate the negative margins.

 

However, as mentioned in my previous post, I still see this issue with all Custom CSS removed, so therefore I assume that this is not related?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I never mentioned that the negative margins was related to the issue, I was simply informing you that negative margins shouldn't really be used to position a element.

 

The issue has been reported by James.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

OK Danny, thanks for the tip - I figured it was a bit crude but it was the only way I could figure to do it.

 

Thanks

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem, happy to help.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
idea15    2
idea15

I am having a very strange issue with IE8 too. I have the site layout set to the primary sidebar on the left, content in the middle, and the secondary sidebar on the right. In IE8 only, and in custom post types only, the primary and secondary sidebars are being pushed below the content in the middle column.

 

This should look correct: http://hestia.krystal.co.uk/~scotrege/contributors/chik-collins/

 

This is IE8: (attachment)

 

It's not doing this for the regular pages such as http://hestia.krystal.co.uk/~scotrege/category/news/ - only those in the custom post type magazine.

 

It is doing this regardless of whether or not the Google IE compatibility fix box is ticked.

post-29110-0-43231100-1364990749_thumb.p

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

This is what I am seeing on BrowserStack.

 

http://cl.ly/image/013a092x3D0t

 

Therefore, make sure compatibility mode is not enabled.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
idea15    2
idea15

That's totally bizarre. 20 minutes ago Browserstack was putting the sidebars under the content. I'll keep at it.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Has this been resolved for you?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
idea15    2
idea15

Hello there. The client site in question has launched, and it looks hellish in IE8. This, naturally, is the browser which the client uses (they are locked into a Council IT system and cannot upgrade.) So getting it right in IE8 is essential.

 

We have the Google Compatibility script box ticked.

 

I've put in <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9"> as well.

 

Site is http://www.scotregen.co.uk.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Are you using our Browser Specific CSS plugin?

 

That has some specific CSS elements that can help fix issues that occur in IE8.

 

The plugin is free in our Store via Dashboard > PageLines > Plugins > Top Free. Here's the supporting documentation:

http://support.pagelines.me/docs/plugins/browser-specific-css/


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
idea15    2
idea15

Great, I'll give it a try and get back to you.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Great!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • triggerfish
      By triggerfish+
      Hi there,
      My client is a user/website tester and has just informed me that her website is not displaying properly in Internet explorer 9 (and 8).
      The website looks great and has been tested by me on all devices and on the desktop by all the latest browsers ... but not older versions.
      Is there anything known about this and DMS, or is there a fix?
       
      the website is here..
      http://vancouver-web-directory.com/LILY/ 
       
      Here is a pdf with screen shots and the problems in ie8 & ie9...
      http://vancouver-web-directory.com/LILY/PDF/LA-032115.pdf
       
       
      Thanks 
       
      regards,
      Donald
       
       
       
       
    • communicreations
      By communicreations+
      I have an issue with a site not behaving in IE9 and performing badly in IE8. I've been playing around with a copy on a staging server and testing view with Browserstack. I replaced my child theme and activated WP 2013 theme, and IE8/9 worked fine. I then activated the DMS2 Base theme and the not loading properly issue returned. Then I deactivated all the plugins but the problem still persists.   With child theme active: IE8/9/10 - http://imgur.com/a/FzN0O   With DMS2 Base theme active, all plugins deactivated: IE8/9/10 - http://imgur.com/a/3j15x   Temporary staging server URL: http://c95.731.myftpupload.com/   DMS version: 2.1.9.2 Debug is on, cache cleared   The problems with IE8 should be obvious. The CTA is disappearing in IE9 but otherwise is fine. Everything good in IE10 and up.
        Thanks in advance, Michael
    • ghettro
      By ghettro
      My pics are not loading in IE9 and I need to know if theres a plugin to resolve this issue.  (Help)
       
      My site:  http://www.csswayne.org
       
      and I'm using DMS 2.0 with Wordpress 3.91
       
      I have some plugins
      Custom Sidebar
      Form maker
      Call Press calendars
    • jamieg270
      By jamieg270+
      I was using the DMS Pro Tools patch and the Modernizr plugin/acript to get IE8 and IE9 to present DMS based sites correctly. This was working successfully, bar a few elements that I could make some conditional styles for.
       
      I've just noticed on the last two sites I've updated to the latest version of DMS that this no longer works. I know the Modernizr script hasn't been changed so I assume something with DMS has changed to render these non-functional.
       
      http:/www.guinnessfunds.com
      http:/www.tcii.co.uk/bypass   (this is behind a 'under maintenance' screen right now, you'll need to use the 'bypass' in the URL to get past it)
       
      Any idea what might be stopping the script from running correctly? Normally it would allow older browsers to use HTML5 and CSS3 tags/selectors, at the moment its as if the script isn't even running/loading...
    • tinpeas
      By tinpeas+
      Hi Guys
       
      I have an issue with quick slider (Pagelines Version 2.x) which I have seen a couple of other similar posts talking about, the only difference is it only effects IE8 for me. The sites did work fine in IE8 with sliders performing as expected.
       
      Now the sliders do not load at all in IE8, if I refresh the page they do then load. I have tried disabling all non Pagelines plugins but this makes no difference. Also the site loads fine using IE11 using developer tools for IE8 but not on an actual XP machine using IE8.
       
      The sites were fine (there are 2 of them) but now I have this issue. I can only assume a Wordpress update has caused this.
       
      I know that people will say well the browser/OS are old/unsupported etc but they did work and the sites are for a government agency were there is a large amount of users still using XP and IE8 so I have no choice but to somehow fix the issue.
       
      Any help would be very much appreciated.
       
      Thanks in advance.
       
      Cheers
       
      Gary
×