On one of my sites, IE 8 is displaying the compatibility view button despite the presence of the X-UA-Compatible header. In IE 9, adding this header removes the button and sets the correct rendering mode, but why doesn't it do the same under IE 8? If the user clicks the button in IE8, the site rendering breaks on several pages so how can I remove this button to stop them clicking it?
The site in question is www.venuefinder.com
your page is including the following meta tag:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
Thus IE9 hides the button and IE8 doesn't understand it (since IE9 didn't exist when IE8 was shipping)
To ensure both IE8 and IE9 (and IE10) don't show the button you'd likely want to adjust your page to include a modern DOCTYPE
<!doctype html>
and set the meta tag to edge
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Related
I have IE9 browser. My application is rendering in Standard Document Mode which works fine for me. When I select
Browser mode: IE9 compatibility mode
then my document mode should change automatically to IE7 Standards.
Is there any meta tag that could help me so, whenever I select browser mode, my document mode should be IE9 standards? I have tried this :
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Summary Dashboardt</title>
</head>
----
---code--
</html>
But can't get any success. Is there any meta tag that will be help me?
I have a asp.net-application. Now, my asp.net-Page will always be loaded in CompatiblityView in IE10. How can I prevent this, that IE10 will use CompatiblityView for my page?
I have already added <meta http-equiv="X-UA-Compatible" content="IE=10" /> but Internet Explorer is still use Compatiblity-Mode instead of normal IE10-Mode.
When I open other websites, they are loaded in normal IE10-Mode.
When I load for example http://www.google.ch it will use normal IE10-Mode:
When I load my page, IE will change to compatiblity-Mode:
I can I prevent IE10 changing to Compatiblity-Mode?
I am checking my page using IE7 and 8 and it not looks correct as shown in IE9 and IE10.
I have used <meta http-equiv="x-ua-compatible" content="IE=Edge"/> inside the <head>.
How can I force IE8 to make use of IE9 standards or higher or just the default standards?
When I view my website in IE10, it seems that it's automatically forcing IE8 document standards. However, I would like it to use IE9 standards, when being viewed in IE10.
Is there a way to do this?
The page has <!DOCTYPE html> at the top.
EDIT: It turned out that I had <meta http-equiv="X-UA-Compatible" content="IE=8" /> in the page header, which was causing the page to render in IE8 document mode. Changing this to IE=9 fixed the issue.
I recommend to use the X-UA meta tag. The X-UA-Compatible meta tag allows you to choose what version of Internet Explorer the page should be rendered as.
You specify the user agent and version to use in the contents of the tag. The current options you have for the content are: IE=5, IE=EmulateIE7, IE=7, IE=EmulateIE8, IE=8, IE=EmulateIE9, IE=9, IE=edge.
Emulating the version tells the browser to use the DOCTYPE to determine how to render content. Pages without a DOCTYPE will be rendered in quirks mode. If you tell it to use the browser version without emulating (i.e. IE=7) the browser will render the page in standards mode whether or not there is a DOCTYPE declaration. IE=edge tells Internet Explorer to use the highest mode available to that version of IE. Internet Explorer 8 can support up to IE8 modes, IE9 can support IE9 modes and so on.
I think you need this:
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
Use X-UA meta tag:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
And I don't know why you want to do this, as IE 10 is far more excellent than any of the previous versions of IE, if you are testing, you can press F12 and change the mode
Is this possible at all?
I tried adding this to the page but it didn't change a thing.
<meta http-equiv="X-UA-Compatible" content="IE=8">
UPDATE- I'm trying to do this because our site has some IE9 specific CSS issues, which wouldn't appear in IE8.
Thanks
You can use the document compatibility
mode to do this, which is what you
were trying.. However, thing to note
is: It must appear in the Web page's
header (the HEAD section) before all
other elements, except for the title
element and other meta elements Hope
that was the issue.. Also, The
X-UA-compatible header is not case
sensitive Refer:
http://msdn.microsoft.com/en-us/library/cc288325%28v=vs.85%29.aspx#SetMode
Edit: in case something happens to kill the msdn link, here is the content:
Specifying Document Compatibility Modes
You can use document modes to control the way Internet Explorer
interprets and displays your webpage. To specify a specific document
mode for your webpage, use the meta element to include an
X-UA-Compatible header in your webpage, as shown in the following
example.
<html>
<head>
<!-- Enable IE9 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=9" >
<title>My webpage</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>
If you view this webpage in Internet Explorer 9, it will be displayed
in IE9 mode.
The following example specifies EmulateIE7 mode.
<html>
<head>
<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<title>My webpage</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>
In this example, the X-UA-Compatible header directs Internet Explorer
to mimic the behavior of Internet Explorer 7 when determining how to
display the webpage. This means that Internet Explorer will use the
directive (or lack thereof) to choose the appropriate
document type. Because this page does not contain a
directive, the example would be displayed in IE5 (Quirks) mode.
Yes. Recent versions of IE (IE8 or above) let you adjust that. Here's how:
Fire up Internet Explorer.
Click the 'Tools' menu, then click 'Developer Tools'. Alternatively, just press F12.
That should open the Developer Tools window. That window has two menu items that are of interest:
Browser Mode. This setting determines the value of the user-agent header sent for every request.
Document Mode. This setting determines how the rendering engine renders the page.
More at http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx
The 1st element as in no hard returns. A hard return I guess = an empty node/element in the DOM which becomes the 1st element disabling the doc compatability meta tag.
On the client side you can add and remove websites to be displayed in Compatibility View from Compatibility View Settings window of IE:
Tools-> Compatibility View Settings