MVC 5 CSS it not working properly in IE9 & 10 - css

Even i have set the following in Layout.cshtml while it's working fine in mozila & Chrome but it's not working fine in IE 10 & IE9
what i did so far
1- added to layout
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
2- added site to compatibility setting of IE
but still same problem it's not showing menus properly in IE10 & 9

I don't know if you are using "for-of". But its not supported for these internet explorer versions.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of

Related

IE11 Compatibility Mode uses IE7, but need IE8

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?

Asp.net site failing only in new IE version

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.

Issues with IE compatibility mode and bootstrap

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.

IE9 renders completely different to any other browser - bootstrap based site

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">

Superfish Menu disappearing in IE9

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.

Resources