I have recently updated the following website which works properly in Firefox, Safari, and Chrome (all that I've tested so far) but does not work in Internet Explorer. I've searched all the similar articles both here and around the web, but have not been able to find a solution that works.

I have validate my CSS (only have some warnings, but no Errors) and my HTML which has some errors but none of which are related to the fact that my website will not display at all in Internet explorer 8, 9 or 10 which is 75% of my audience. Please advice with any help or suggestions.

Thanks!

Website Link

Update:

I've fixed the missing "-->" from my style. (Thanks Carl Markham!)

I've updated the Meta tag to be the following and also set the charset to utf-8:

<meta http-equiv="X-UA-Compatible", content="IE=edge,chrome=1">

I still cannot get the page to load in IE8 or IE9.

Final Update:

I wanted to update everyone on the solution that finally fixed the issue(s) that I was having. As it turns out there was some back-end code that was written for identifying specific ie versions and displaying a warning for those older than ie10 and in their code they had somehow disabled displaying the site rather than displaying a warning.

Along with their code being removed suggestions made by @Pointy @Carl Markham helped it display much closer to how I anticipated once it was able to load in ie8 / ie9. Thank you all very much for the help!

I have recently updated the following website which works properly in Firefox, Safari, and Chrome (all that I've tested so far) but does not work in Internet Explorer. I've searched all the similar articles both here and around the web, but have not been able to find a solution that works.

I have validate my CSS (only have some warnings, but no Errors) and my HTML which has some errors but none of which are related to the fact that my website will not display at all in Internet explorer 8, 9 or 10 which is 75% of my audience. Please advice with any help or suggestions.

Thanks!

Website Link

Update:

I've fixed the missing "-->" from my style. (Thanks Carl Markham!)

I've updated the Meta tag to be the following and also set the charset to utf-8:

<meta http-equiv="X-UA-Compatible", content="IE=edge,chrome=1">

I still cannot get the page to load in IE8 or IE9.

Final Update:

I wanted to update everyone on the solution that finally fixed the issue(s) that I was having. As it turns out there was some back-end code that was written for identifying specific ie versions and displaying a warning for those older than ie10 and in their code they had somehow disabled displaying the site rather than displaying a warning.

Along with their code being removed suggestions made by @Pointy @Carl Markham helped it display much closer to how I anticipated once it was able to load in ie8 / ie9. Thank you all very much for the help!

• javascript
• html
• css
• internet-explorer

Share Improve this question Follow edited Jan 31, 2014 at 18:54 AD_Ben asked Jan 20, 2014 at 20:44 AD_BenAD_Ben 4533 silver badges88 bronze badges 3

• When loaded in IE 10, it automatically switches to IE 8 mode. Weird. – Praveen Kumar Purushothaman Commented Jan 20, 2014 at 20:48
• 3 Because it has <meta http-equiv="X-UA-Compatible" content="IE=8"> – Comfortably Numb Commented Jan 20, 2014 at 20:48
• 2 Errors found while checking this document as HTML 4.01 Transitional! Result: 65 Errors, 18 warning(s) – No Results Found Commented Jan 20, 2014 at 20:51

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

Remove this meta tag from the head of the document:

<meta http-equiv="X-UA-Compatible" content="IE=8">

Also, since I'm getting an error in IE (error 80020101) make all your javascript ments in the following form, based on this answer:

/*Comment*/

and not:

//Comment

Better yet, instead of removing this:

<meta http-equiv="X-UA-Compatible" content="IE=8"> 

you can alter it so that you request that the version of IE that loads your page runs at it's "natural" personality:

<meta http-equiv="X-UA-Compatible", content="IE=edge,chrome=1">

You should put that tag right at the very top of the <head>, before anything other than <title> and definitely before any other <meta> tags.

Alternatively, you can set the "X-UA-Compatible" property in the response headers; that's really the best way to do it.

Remove the <meta> tag from the <head>. This is causing the issue!

<meta http-equiv="X-UA-Compatible" content="IE=8"> 

You are missing the closing --> From your style in the head. removing that helped me to render it in IE

You've to remove this:

<meta http-equiv="X-UA-Compatible" content="IE=8">

Perhaps this will help if you have other problems: http://validator.w3/check?uri=http%3A%2F%2Fwww.accentdecor.%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Probably switch to utf-8 as charset. This is the standard for websites wordlwide.