CSS was ignored due to mime type mismatch

html css mime-types mime-message
mwhite14 picture mwhite14 · Jul 10, 2012 · Viewed 7.8k times · Source

My Site style sheet is being ignored by every browser I have tested it one. I'm getting this error when testing on IE9 - SEC7113: CSS was ignored due to mime type mismatch

Here is the html from the header referencing it. Let me know if you need more to go by.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head runat="server">
    <title></title>

    <!--The style sheet below is the one being ignored-->
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="Styles/Site.css"  />

    <!-- Skin CSS file -->
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/skin.css" />
    <!-- Utility Dependencies -->
    <script src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> 
    <script src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"></script> 
    <!-- Needed for Menus, Buttons and Overlays used in the Toolbar -->
    <script src="http://yui.yahooapis.com/2.9.0/build/container/container_core-min.js">     </script>
    <script src="http://yui.yahooapis.com/2.9.0/build/menu/menu-min.js"></script>
    <script src="http://yui.yahooapis.com/2.9.0/build/button/button-min.js"></script>
    <!-- Source file for Rich Text Editor-->
    <script src="http://yui.yahooapis.com/2.9.0/build/editor/editor-min.js"></script>
    <script src="http://yui.yahooapis.com/2.9.0/build/editor/simpleeditor-min.js"></script>


</head>

Answer

mwhite14 picture mwhite14 · Jul 16, 2012

I figured it out, the company I just started working for failed to install the Static Content features for the IIS when setting up my computer. So it was ignoring all my style sheets, images, and links.

Related questions

Stylesheet not loaded because of MIME-type

I'm working on a website that uses gulp to compile and browser sync to keep the browser synchronised with my changes. The gulp task compiles everything properly, but on the website, I'm unable to see any style, and the console …

Read More
Why write <script type="text/javascript"> when the mime type is set by the server?

My understanding is that mime types are set by the web server. Why do we add the type="text/javascript or type="text/css" attribute? Isn't this a useless and ignored attribute?

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More