I just added the following meta tag to all my jsp's to force render in the highest possible document mode for the browser.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
It works fine in IE 11. but the struts 2 application gets buggy in previous IE version i.e. IE 10 and IE 8. Many of the alignments are wrong. Unnecessary scrollbars.
The reason i added this meta tag was the application was loading in IE 7 document mode when deployed on a unix box, But it worked fine in my local deployment.
How to achieve compatibility in all IE browser versions.
Related
within a web app IE11 renders the site using ie7 mode.
But it should use ie8 mode.
The web app uses correct header:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Any compatibility setting in IE11 always let him use IE7 mode.
Ideas?
I have huge issue with Twitter Bootstrap and IE 9. Can I force IE 9 to turn off compatibility mode because my website is falling apart with compatibility mode turned on.
Any help? Thanks a lot.
http://tinyurl.com/k5ylsad
Already answered at Force IE compatibility mode off using tags
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Also, make sure this is the FIRST meta tag.
http://www.grossmag.com/2012/september/home.shtml
This link works in both Firefox and Chrome. I am not sure why it won't line up correctly in IE. I am trying to convert from old style tables/td's/tr's and this will be great if I can find out why it isn't lining up in explorer.
Sounds like your site is being viewed in compatibility mode in IE. This can depend on the DOCTYPE of your document.
To cause IE to display using the default mode of the current version, use the following META tag
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
This will not fix the site for IE7 (for example). If you wish to do that, then you will likely need to create custom CSS rules for older browsers
I've tried the following and all it does is change the Document Mode, not the Browser Mode:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="X-UA-Compatible" content="IE=7">
My particluar page only works when the browser mode is either IE7 or IE8 Compat View.
The code you posted should work.
Please ensure the following:
The meta tag is right at the top of the header, as first element after the <title></title>.
Restart IE and open your page without manually setting the Browser- or Document Mode from the Developer Tools. Setting these manually can overwrite IE's behavior and causes it to ignore the compatibility tag.
This is kinda weird problem we came across with my friend. We located our site at network drive and tried to open it from there. All other browsers render this page just fine but IE (btw. why it's always IE? :) ) can't understand inline-block statement. But if I copy our file to my local drive there is no problem, IE renders everything just like other browsers.
I tested this with IE7-9b.
This sounds like that problem - where IE switches rendering modes depending on where the page is located.
It's insane.
See this answer.
http://127.0.0.1/mysite/mypage.php <-- IE8 by default (updated!)
http://localhost/mysite/mypage.php <-- IE8 by default (updated!)
http://machinename/mysite/mypage.php <-- IE7 by default
http://192.168.100.x/mysite/mypage.php <-- IE7 by default
http://google.com/ <-- IE8 by default
So, because you're accessing your site via "network drive", IE is going into IE7 mode, and IE7 does not support inline-block properly, hence your site does not render properly.
You can request IE8 to render your page in IE8 mode by adding this to your page:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Or, to request IE8 to use the most recent version of it's rendering engine (think IE9), you should use this:
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
Or, to use Chrome Frame instead if it's available:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
Use an admin account. IE may Denies access to network drive if not admin.