Website CSS loading issue with IE and Edge

Question

I have a website running perfectly fine on Chrome, Firefox, Safari etc. however, the CSS does not load in Internet explorer (any version) as well as in MS Edge browser.

The Console shows this infamous error related to MIME Type:

SEC7113: CSS was ignored due to mime type mismatch
File: application-2015-2a0565839ee60a029c49fc918e3625e9.css
SEC7113: CSS was ignored due to mime type mismatch
File: CustomCss.css
SEC7113: CSS was ignored due to mime type mismatch
File: print.css

I have checked in the code, and this is how it is in the <head>

// ASP.NET MVC code - .cshtml layout file
<link href='@Url.Content("/Content/application-2015-2a0565839ee60a029c49fc918e3625e9.css")' media="screen" rel="stylesheet" type="text/css"/>
<link href='@Url.Content("/Content/CustomCss.css")' media="screen" rel="stylesheet" type="text/css"/>
<link href='@Url.Content("/Content/2015/print.css")' media="print" rel="stylesheet" type="text/css"/>

I have checked in the IE Developer Tools, and the css indeed returned with incorrect MIME type (coming as blank) in IE instead of stylesheet or text/css as in Chrome or Firefox:

IE:

Chrome:

I have checked in IIS, the mime type for .css is mapped as expected:

How can I make IE to understand the Mime type and let it load it correctly.

Any help is highly appreciated.

EDIT

As suggested, also checked the Registry value for .css in HKEY_CLASSES_ROOT and this seems ok as below:

Also, ensured that no program is associated with CSS to open.

thanks; I have seen that and tried all the options mentioned there - also ensured that css is not defaulted to open with a particular program. Also, getting the same behaviour on server as well as on my local machine — Pankaj Gaur
– Pankaj Gaur, Commented Dec 27, 2016 at 14:41
Does the problem persist if you use those files in a simple HTML page? — TylerH
– TylerH, Commented Dec 27, 2016 at 17:12
I tried with the simple HTML page, but you guess it right, with simple HTML, the issue is not there. — Pankaj Gaur
– Pankaj Gaur, Commented Dec 28, 2016 at 5:31

dheeraj Kumar · Accepted Answer · 2017-01-05 15:35:26Z

1

This is because under default settings, “static content” is not installed with IIS.

To enable this on a Windows Server 2008 machine do the following

Fire up Server Manager
Select Web Server under Roles – notice that Static Content is not installed

Select Add Role Services from the right hand menu

Check Static content and install

i think it works for you

answered Jan 5, 2017 at 15:35

dheeraj Kumar

3723 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:02:18Z

1

It turns out that there was an HTTP Module which was the root cause of it as it turns out to be a known issue with ASP.NET, IIS and HTTP Module aas mentioned here: ASP.NET CSS file not loaded when adding HttpModule to web.config

Following this and handling in Http Module explicitly for css, fixed this issue.

Thanks for everyone for taking time out and providing your expert comments

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Jan 8, 2017 at 7:31

Pankaj Gaur

3172 gold badges4 silver badges17 bronze badges

Comments

rawnewdlz · Accepted Answer · 2016-12-30 18:47:57Z

0

Looks like you've tried everything that seems to have worked for others.

Try setting the output to the mime type through the ASP.NET framework:

Response.ContentType = "text/css";

Have you tested using a load function?

Response.ContentType = "text/css"
Response.AddHeader("Header")
Response.WriteFile("CSS File.css")
Response.End()
Response.Clear()

answered Dec 30, 2016 at 18:47

rawnewdlz

1,2731 gold badge18 silver badges25 bronze badges

Comments

Bhupinder kumar · Accepted Answer · 2017-01-05 10:04:45Z

0

You should check these things because if IE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

or

type="text/css" instead of type="css/stylesheet" when importing the stylesheet.

answered Jan 5, 2017 at 10:04

Bhupinder kumar

5561 gold badge5 silver badges19 bronze badges

1 Comment

Pankaj Gaur Over a year ago

I am using text/css

Collectives™ on Stack Overflow

Website CSS loading issue with IE and Edge

4 Answers 4

Comments

Comments

Comments

You should check these things because if IE

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

You should check these things because if IE

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related