The website I'm working on is www.shandon.com.au .
It looks pretty well on every browser except IE9, where the navigation menu disappears (it uses Superfish JS).
I'm running a Mac so I can test it only on IETester in VMWare, and if I don't move the mouse everything looks fine, whenever I hover the webiste window, it disappears and the search box move down.
What should fix this? Any help will be appreciated! Thanks!
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
That's one of the problems, change this to
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
Then delete this line from the head:
<!--[if IE 9 ]> <html class="ie ie9 no-js" dir="ltr" lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
I don't think you need IE9 specific detection, it will render everything correctly in your website anyway.
Related
A CSS Site displays correctly in both FireFox and Chrome, but the border radius with IE11 does not display correctly.
Link: http://www.myhotels24.eu/fibe.aspx
Change the doctype. Add the The <!DOCTYPE html> declaration before the html.
Remove content="IE=EmulateIE8" from <meta>:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
You are emulating IE8. border-radius is only compatible with IE9+.
Replace with content="IE=edge" to tell Internet Explorer to use the latest engine to render the page.
If you need to target IE8 in the page, better are conditional comments.
<!--[if IE 8]>
<p>Welcome to Internet Explorer 8.</p>
<![endif]-->
I have a site in asp.net (Req. of the client, is actually an old code they had)
It is in IIS. It works in Chrome, Firefox, IE 10 and IE 11 version 11.0.9600.17690 but not working in IE version 11.0.9600.17691
In this version, the site is refreshing over and over and it doesnt load what it should be loading.
The HTML is formed like this
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1" />
<meta charset="utf-8" />
I tried with IE edge too.
Is there a new configuration that i migth be missing?
If I run the site from VisualStudio directly or from firefox, chrome or other IE version, it works fine.
I have no idea why IE9 is giving such a different rendering to any other browser, IE10 works great as well as all other modern browsers.
My site is based on bootstrap 3.
I'm not sure where to start looking as the dev tools within IE9 are terrible.
Anyone have any ideas on where to start or what it could be:
http://www.house-mixes.com
Paul
Try setting your DOCTYPE to
<!DOCTYPE html>
and add this meta element
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Asp Menu control is not rendered as the way it has in IE 8 and IE 9.please help to fix this issue.It is padded with white space or the sub menus are not displayed properly sometimes.
compability mode error,
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
</head>
I have a website, where IIS sends the following in the header (which is correct for the overall site):
X-UA-Compatible: IE=Edge
However, on a specific page, I have at the very top of my <head> section the following:
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<![endif]-->
This is being interpreted correctly by IE8, as it shows up at the top of the when I view the page source. However, it never changes my Document Mode from "IE8 Standards" to "IE7 Standards." The Browser Mode is in IE8 Compatibility View by default(it's an intranet site), but even in normal IE8 mode, it still has the same Document Mode issues.
I thought that having the meta tag on the page overrides whatever was sent in the initial header from the server. Is there anything else I could be doing to change the document mode for this one page?
EDIT: I can force IE7 document mode if I place the following in my Page_Load of my aspx page Response.AddHeader("X-UA-Compatible", "IE=7"); so I now have this header show up after the IE=Edge header, so only this second one is interpreted. This doesn't actually solve my issue though, because the meta tag above has the advantage of not being used in IE9 or IE10, and some of the niceties of the page disappear when forcing to IE7 document mode. I just specifically need this to work for IE8 and older.
Also, if I remove the conditional CSS, it appears to get the document mode correct. So is it possible that conditional CSS executes after the page loads, and if so, how do I fix it to make IE7 document mode only show up for IE8 and earlier browsers?
Are you sure you have the order correct? I just tried this page that I found HERE and my browser defaults to "IE7 standards".
<html>
<head>
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<![endif]-->
<title>My webpage</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>