Canvas Support

Site not working correctly in some IE11 versions

3 replies·opened Mar 14, 2018
B
beanmartianMar 14, 2018

I created a site using canvas and it works beautifully in every browser except Internet Explorer - in some versions of IE it's fine, but versions 11 it's not functioning at all.

Any help you could provide would be greatly appreciated.

http://culinary.reynolds.edu/project/default.html

Thanks,
George

S
SemiColonWebSTAFFMar 21, 2018

Hello,

Thanks for your Patience!

We have just checked out your Website and everything appears to be working fine on IE11. Can you please let us know any specific issues you are facing so that we can provide you with further assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

B
beanmartianApr 5, 2018

Hi,

Here's a screen shot of the issue that I mentioned in the previous post.

The IE version is 11.850.15963.0 / Update 11.0.5.0

Hope that help narrow it down a bit more. I've had more complaints come in as well. Specifically using IE 11.

Thanks,
George

S
SemiColonWebSTAFFJun 28, 2018

Hello,

Thanks for your Patience!

This is not an Issue with the Canvas Template but an Issue with IE11 Compatibility Mode. IE11's Compatibility mode degrades the Browser's CSS/JS Support. So you cannot expect a Template using the Latest Versions of all Plugins, Resources and Coding Practices to run smoothly.

To fix this issue, simply add the following code in your Document's <head>: 

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

or Add the following code in your .htaccess File: 

<IfModule mod_headers.c>

    Header set X-UA-Compatible "IE=edge"

    # <code>mod_headers</code> cannot match based on the content-type, however,
    # the <code>X-UA-Compatible</code> response header should be send only for
    # HTML documents and not for the other resources.

    <FilesMatch "\.(appcache|atom|bbaw|bmp|br|crx|css|cur|eot|f4[abpv]|flv|geojson|gif|gz|htc|ic[os]|jpe?g|m?js|json(ld)?|m4[av]|manifest|map|markdown|md|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|topojson|tt[cf]|txt|vcard|vcf|vtt|wasm|webapp|web[mp]|webmanifest|woff2?|xloc|xml|xpi)$">
        Header unset X-UA-Compatible
    </FilesMatch>

</IfModule>

This should fix your issue automatically. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard