Cannot render css in ASP.NET

Question

I modified main.min.css and main.full.css (setting another color of background) and page now cannot render css. It's just a HTML.

Master page: (shortened version with links)

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="ZASshop.master.cs" Inherits="ZASshop.NET.ZASshop" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Assembly="ZAScontrols"    Namespace="ZAScontrols"    TagPrefix="zas" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="MasterHead" runat="server">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <link href="/App_Firma/css/main.min.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="/App_Firma/css/firm.css" rel="stylesheet" type="text/css" media="screen" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
        <link href="/App_Firma/DayPilot/Themes/scheduler_8.css" rel="stylesheet" type="text/css"/>
        <link href="/App_Firma/css/custom.css" rel="stylesheet" type="text/css" media="screen"/>
                <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

at the end of this file link to script:

<script src="/App_Firma/js/app.min.js"></script>

and I also got a warnings and error in Chrome console:

LoginPage.aspx:7 Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/LoginPage.aspx?ReturnUrl=%2fApp_Firma%2fcss%2fcustom.css". LoginPage.aspx:7 Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/LoginPage.aspx?ReturnUrl=%2fApp_Firma%2fcss%2ffirm.css". LoginPage.aspx:7 Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/LoginPage.aspx?ReturnUrl=%2fApp_Firma%2fcss%2fmain.min.css". LoginPage.aspx:7 Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/LoginPage.aspx?ReturnUrl=%2fApp_Firma%2fDayPilot%2fThemes%2fscheduler_8.css". LoginPage.aspx?ReturnUrl=%2fApp_Firma%2fjs%2fapp.min.js:2 Uncaught SyntaxError: Unexpected token <

Which library you have modified? Is it bootstrap one or other one? — Power Star
– Power Star, Commented Jul 31, 2017 at 8:14
@PowerStar I just modified main.min.css and main.full.css. And maybe some of .aspx pages. — Július Marko
– Július Marko, Commented Jul 31, 2017 at 8:16
What kind of edit have you made? What css file was? Where you using a library? — Ema.jar
– Ema.jar, Commented Jul 31, 2017 at 8:16
If you look at the error messages, it is pretty obvious that the system is trying to redirect the requests for those stylesheets via the login page ... so you somehow managed to make your stylesheets content that is only visible to logged-in users, which is rather not what you want ... — C3roe
– C3roe, Commented Jul 31, 2017 at 8:25

Ferus7 · Accepted Answer · 2017-07-31 08:52:22Z

1

Change:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-
awesome/4.6.1/css/font-awesome.min.css">

to

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-
awesome/4.6.1/css/font-awesome.min.css" type="text/css"/>

you need to close the label with '/'

check this post too, seems to be the same problem:

Resource interpreted as Stylesheet but transferred with MIME type text/html in ASP.NET IIS

edited Jul 31, 2017 at 8:52

answered Jul 31, 2017 at 8:34

Ferus7

7371 gold badge11 silver badges23 bronze badges

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

7 Comments

Ferus7 Over a year ago

try to add type="text/css" and close properly meta tags too

Július Marko Over a year ago

Stays the same. I think probably it will be something with web.config

Ferus7 Over a year ago

if this doesn`t work, can you share the whole file code, plz?

Július Marko Over a year ago

It has 46k characters, which is above the limit of 30k characters, where can I place it?

Ferus7 Over a year ago

check this stackoverflow.com/questions/6089070/…

|

Houssam Hamdan · Accepted Answer · 2017-07-31 08:51:23Z

0

You must add .css MIME type with text/css value into IIS. Currently, the web server does not understand what .css means.

This will work when the content-type response header value is set to text/css.

answered Jul 31, 2017 at 8:51

Houssam Hamdan

9026 silver badges15 bronze badges

1 Comment

Július Marko Over a year ago

I have in MIME types .css (inherited)

Power Star · Accepted Answer · 2017-07-31 09:33:40Z

0

You need to exclude the css files and images from getting authenticated as following in the configuration file. Using the location tag you can exclude a single file or a directory.

<location path="<relatevie path of your css files>">
    <system.web>
        <authorization>
            <allow users="*"/>
        </authorization>
    </system.web>
</location>

answered Jul 31, 2017 at 9:33

Power Star

1,8942 gold badges16 silver badges30 bronze badges

9 Comments

Július Marko Over a year ago

Should I add it to the end of Web.config? Can you give an example of relative path?

Power Star Over a year ago

Inside configuration tag.

Power Star Over a year ago

Yes in your case "/App_Firma/".

Július Marko Over a year ago

Should I use "\App_firma\css\" ?

Power Star Over a year ago

If you want to allow script also then use /App_firma/ or only css then include css directory too.

|

Collectives™ on Stack Overflow

Cannot render css in ASP.NET

3 Answers 3

7 Comments

1 Comment

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

1 Comment

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related