IIS 6 MVC CSS Troubles - Styles not recognized

Scenario: I deployed my mvc 3 application to IIS 6 (with NTLM authentication).   While using Internet Explorer (IE) everything looked great.  When I tested the site with other common browsers Chrome/FireFox/Safari none of the styles specified in the css sheet were used.


I first checked with FireFox/Firebug that the css was indeed found.  The css sheet was found and returned to the client.  I tried to view the css sheet within Firebug and I got the message "There are no rules. You can create a rule."....so the css is found however for some reason it is not being applied in non-Internet Explorer browsers.


The css is reference via the _layout.cshtml as shown...(my first attempts were to modify the path to the css sheet even though I could see the css was accessible to the browser)


I.e. <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />


Next attempts used a couple different online css validation apps to ensure my css syntax was not causing an issue.  All checked out ok.


After making a number of minor attempts at digging out additional clues…I checked the IIS 6 setup (everything worked fine locally with IIS 7 so I was narrowing my focus on IIS as being the problem).


Solution:   The site is hosted on a Microsoft IIS 6 server and it was not sending the appropriate MIME type for CSS files.  The fix to this problem was to add a custom MIME type associating .CSS files with the type "text/css".  Obviously, IE was able to discern that the downloaded text file was to be used as a style sheet.  Interestingly the other browsers did not have that default behavior and relies on the web server to identify the file of type text/css.


To resolve, open IIS console, navigate to the root application and add MIME Type text/css for documents with the extension .css




comments powered by Disqus


Recent Tweets

Retweeted by @dyardy Hey C# peeps, we’re trying C# in browser with reference content. Try it here: docs.microsoft.com/dotnet/csharp/… reply with feedback /cc @LadyNaggaga
23 Amazing Vintage Photographs Taken Inside WWII Tank Factories ~ vintage everyday vintag.es/2017/10/23-ama…
When is AI NOT Search? Artificiality intelligence==Search Engine (there cases when this is not true)
@projectedxyz Large data vs big data? Industry has so misused buzz words to sell products, and so you end up nothi… twitter.com/i/web/status/9…