X-UA-Compatible issue

GK User
Mon Apr 09, 2012 1:18 pm
Because of this, the template loads the website in IE9 compatibility mode. And the modules are loading with problems... but if I disable the compatibilty mode the website loads properly.

Where, in the template, I should make this change so that the website load by itself, without any compatibility mode activated in Internet Explorer 9?

It is somewhere in the gavern framework files, right?
User avatar
Junior Boarder

GK User
Mon Apr 09, 2012 1:40 pm
Hi,

I think you can find it in this file \templates\gk_party_freak\layouts\default.php
Code: Select all
 <meta http-equiv="X-UA-Compatible" content="IE=9" />

Cheers,
User avatar
Platinum Boarder

GK User
Mon Apr 09, 2012 3:42 pm
I can't make it load properly (tried also edge and IE8). How can I force it to load in Default IE9 mode, but without compatibility mode?
User avatar
Junior Boarder

GK User
Tue Apr 10, 2012 2:51 pm
I think it's impossible as if you use IE8 it can't be loaded with IE9 :D

Cheers,
User avatar
Platinum Boarder

GK User
Wed Apr 11, 2012 2:28 am
Don Lee wrote:I think it's impossible as if you use IE8 it can't be loaded with IE9 :D


This is really bad news for ... well everyone in the Joomla community. IE10 falls by default to "quirks" mode (also known as compatibility mode with IE6). For the gk_music template I am using IE10 will outright refuse to load the site properly.

We are going to need something intelligent to circumvent this. Is it possible to ask the browser what it is using JavaScript or something like that? IE10 is identifying as IE6 on a clean install with gk_music. Which, of course, doesn't work right. Putting a static change in the templates to force IE9 mode breaks IE6-8.

I'd love to hear some feedback on this and what you guys may have tested internally.

P.S. http://msdn.microsoft.com/en-us/library ... px#SetMode
User avatar
Junior Boarder

GK User
Wed Apr 11, 2012 2:39 am
I found this well-written article about why IE10 shows up as IE6:

http://www.splashnology.com/article/7-s ... ws-8/5057/

The bottom line is that the template has to test for browser features, not browser version. Also conditional comments are ignored by IE10 completely. Also the <!doctype> has to be HTML5 not xhtml. IE10 sees xhtml doctype and puts the site in to compatibility mode. That article also stated that it isn't IE6 mode it is IE5 quirks mode, IE7, 8, or 9 mode.
User avatar
Junior Boarder

GK User
Thu Apr 12, 2012 9:32 am
Here is the solution:

Code: Select all
    <?php if($this->getParam("chrome_frame_support", '0') == '1') : ?>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <?php else: ?>
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <?php endif; ?>


IE will crash if it has two X-UA-Compatible headers to parse. You must combine the options with a comma. The above replaces the lines in layouts/default.php for chrome/IE=9. Secondly, IE=edge tells IE to use the latest generation of tools instead of a browser-specific version.
User avatar
Junior Boarder

GK User
Sun Apr 15, 2012 1:09 pm
You're so genius, spunkee1 :D Thanks for sharing the solution.

Cheers,
User avatar
Platinum Boarder


cron