I am currently working on an application that generates an HTML report. The issue I am facing is that when the application outputs the js and css files separately, Internet Explorer 8-10+ refuses to load the CSS files because of a "CSS was ignored due to MIME type mismatch" error. Since these are local files and not served by a server, it is impossible to modify the MIME.
In summary:
- Local files (C:\,file://,etc)
- CSS Won't load due to "MIME type mismatch"
- Works in every other browser without issue -_-
- Not "http://" or "localhost" or any variant
Does anyone have suggestions for how to work around this issue?
HTML loading of CSS:
<head>
<title>Results</title>
<link href='resources/bootstrap.min.css' rel='stylesheet' type='text/css' />
<link href='resources/bootstrap-responsive.min.css' rel='stylesheet' type='text/css' />
<link href='resources/style.css' rel='stylesheet' type='text/css' />
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
</head>
Note: According to Microsoft, the fix is: "Ensure style sheet file is delivered with the proper HTTP response header, which includes a content type of text\css. See MIME-Handling Changes in Internet Explorer for more information.", but obviously impossible, as no header's are being sent across the wire......