IIS is not loading .css files

Question

Hi I just started working with an IIS server for my AngularJS project.

So my problem is that my project loads angular, but not .css files, neither my own nor bootstraps.

I have looked at the big fat web, and I noticed that most solutions is to check static content in Windows features. However that was already ticked for me. And I'm wondering if there are other solutions?

index.html

<!doctype html>
<html ng-app="SimPlannerApp">
    <head>
        ...

        <!-- Load Bootstrap CSS library -->
        <link type="text/css" href="lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">

        <!-- Load AngularJS modules -->
        <script src="lib/Angular-1.4.7/angular.min.js"></script>
        <script src="lib/Angular-1.4.7/angular-ui-router.min.js"></script>

        <!-- Load AngularJS Application -->
        <script src="core.js"></script>

        <!-- Our CSS -->
        <link type="text/css" href="assets/styles/main.css">
        <link type="text/css" href="assets/styles/nav.css">
    </head>

    <body>
        ...

        <!-- This is where page content is inserted to -->
        <div ui-view></div>
    </body>
</html>

File tree

assets
styles
- main.css
- nav.css
lib
Angular-1.4.7
- angular.min.js
- angular-ui-router.min.js
bootstrap-3.3.5-dist
- css
  - bootstrap.min.css
index.html
core.js

Files loaded to the browser

CSS is served by the Static Content handler. What HTTP response (including any message in the HTML) does IIS give you when you request a CSS file? Maybe you have a File Extension MIME-type entry deleted by mistake. — Dai
– Dai, Commented Oct 28, 2015 at 20:27
You say "not loading"... are you seeing any 404 Not Found? — Jasen
– Jasen, Commented Oct 28, 2015 at 20:28
In your server, don't you have any code (it looks like MVC here). I mean is that a visual studio website project or pure static files? — MacKentoch
– MacKentoch, Commented Oct 28, 2015 at 20:37
In the IIS Manager, is there an entry for the .css extension to treat them as text/css? — JB King
– JB King, Commented Oct 28, 2015 at 20:39

Michael Tot Korsgaard · Accepted Answer · 2015-10-28 20:52:16Z

2

A guy in my team found the solution. When referencing the stylesheets I've forgotten the rel="stylesheet" after each of them.

so this

<link type="text/css" href="assets/styles/main.css">

should be this

<link type="text/css" href="assets/styles/main.css" rel="stylesheet">

answered Oct 28, 2015 at 20:52

Michael Tot Korsgaard

4,01411 gold badges57 silver badges94 bronze badges

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

Collectives™ on Stack Overflow

IIS is not loading .css files

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related