It renders our website so differently. How can we accommodate IE 8 users?
How do we support Ie 8 users?
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
It renders our website so differently. How can we accommodate IE 8 users?
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi TJCLearning
Sorry to hear about the hassle. Please can you send through some further information on what’s happening. We’ll try investigate from there.
I just witnessed on another laptop. I wish I captured the screenshot. But based on what I saw, for example,
The home page is fully built with SiteOrigin widgets and MetaSlider on Vantage theme. The whole page is rendered as plain text with no styling or plugin effects.
http://www.inlogic.ca/pricing/
On this page though, the top half is built using a table plugin by fatcat apps (https://fatcatapps.com/), and the bottom half is a hand coded table. The hand-coded table appears as it is supposed to, but not the pricing table.
Hope this helps for you to understand the situation. I’ll try to get the screenshot.
Again, thanks for your help.
I think the first issue might relate to this crazy error where IE8 doesn’t load CSS after “x” amount of lines. Let me try find some info on that.
Here is what I think might be happening:
http://stackoverflow.com/questions/9906794/internet-explorers-css-rules-limits
Are you using a caching/minification plugin? If not let’s try minifying your CSS:
https://wordpress.org/plugins/wp-fastest-cache/
I should be able to check this out in IE over the weekend.
Are you working on a Windows machine? If you are it’s relatively easy to set IE to an older version.
http://stackoverflow.com/questions/4811801/force-ie9-to-emulate-ie8-possible
See the second answer.
So, I guess I should insert a meta tag that looks like:
Is that right? If so, could you tell me specifically on which file should I add this to?
header.php currently has a line
Can I just replace content=”IE=10″ to content=”IE=8″ or even “7”?
Will it work?
That tagline tells IE which version to use. You can find out more about that here:
https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible
An option up/better than IE=10 would be IE=edge, that tells IE to use the latest possible version. We don’t want to change that to IE8 because we don’t want IE9/10 etc to be using IE8.
Hmmm, I’m not too sure, but using IE=edge wouldn’t solve this issue. cuz currently it’s already forcing to render the page using the higher version of IE (which is 10), but it’s not working properly, right?
This issue came to my attention because there are quite a number of corporate still using the lower version of IE for their own reasons, and this was the feedback I got from one of them. Not everyone on the globe can keep up with updates I guess. What is your company’s approach? Help…….
We’d need to tackle the problems one by one. I mentioned earlier that the number of CSS rules might be an issue and asked:
Are you using a caching/minification plugin? If not let’s try minifying your CSS:
https://wordpress.org/plugins/wp-fastest-cache/
CSS minification might be help us get around the CSS rule count issue.
Hello Andrew,
When returned, I’ll try your suggestions.
I’ll be out of country for a week, when I come back, should i open a new thread? or keep communicating through this?
Let us know here when you’ve had a chance to check things out with CSS minifcation in place. We’ll go from there.
Thanks
Hello Andrew,
I tried CSS minification using the plugin you suggested:
https://wordpress.org/plugins/wp-fastest-cache/
and, it didn’t work out.
I’ve got some screenshots. Would that help?
Thanks for the feedback. We’ll take another look tomorrow and see if we can find another solution.
Hello Andrew,
Is there any updates regarding this issue? Thanks:)
Thanks for giving this a bump. Sorry we haven’t replied yet. I’ll ask Simon to take a look for us tomorrow and see if he can assist. We’ll reply then. Thanks :)
(We’re at GMT+2).
Hi TJCLearning
I have had a look and can see what the issue is and unfortunately there is no definitive answer. Internet Explorer 8 (and older versions of Firefox and Chrome) are not compatible with CSS3 and HTML5. There are jQuery and coding workarounds to give you a hacked version of CSS3 support, but you need to drastically adjust the existing CSS as well as upload a few new files to handle the unsupported elements, none of which will render quite correctly.
This is one of the major issues you are going to see with many of the responsive themes now available for WordPress. Obsolete browsers cannot handle 30% of the CSS code used in them to make the theme responsive.
The only option in these cases is to ensure that users running Windows XP are using an alternate browser, as recommended by Microsoft when support ended for XP.
Even if we re-wrote the theme to resolve some of the styling issues, it would still not be responsive in IE 8, and any plugins you use that require CSS3 would still not display correctly.
I am sorry we cannot be of more help than this.
Magus
This is a private message.
Hi TJCLearning
We wrote Page Builder and Vantage from the start to work properly in IE8. We’re not checking this all that regularly anymore especially since Microsoft are dropping support for it soon. That said, I can’t think of anything that would have changed recently that would stop a pure Vantage and Page Builder install from working in IE8.
You can confirm this by checking the Vantage demo using IE8 http://demo.siteorigin.com/vantage/
Getting your entire site working in IE8 can be tricky though. A good place to start would be to disable all plugins besides Page Builder and see if that resolves your issues. Very few plugins are still offering IE8 support, so it’s quite possible that another plugin is causing a problem that’s only coming up in this browser.