Dynamic loading of css files doesn't work in IE

Question

Almost solution I found was using javascript/jquery while on my part it should be Views in MVC. One reference is here

So I set up my css files in this way:

@{
ViewBag.Stylesheets = new string[] {
    "global/style.css",
    "global/links.css",
    .
    .
    .
    . 40 plus more css files...
};

And load them:

@foreach (string stylesheet in
ViewBag.Stylesheets is string[] ? ViewBag.Stylesheets : new string[] { @"style.css" })
{ 
    <link href="@Url.ContentArea("~/css/" + stylesheet)" rel="stylesheet" />
}

All of these were inside views. I have 48 css files and I notice that IE9 loads only 37 css files. For now it is not possible to combine css codes in some number of files for certain reasons. So how can I load all of these css files in IE?

Darin Dimitrov · Accepted Answer · 2012-10-17 06:05:46Z

3

Internet Explorer has a limit of 31 CSS files per page. This limitation has been removed in IE 10.

So you have 2 possibilities if you need to support IE <= 9:

reorganize your CSS rules so that you have less than 31 files
combine them (recommended)

answered Oct 17, 2012 at 6:05

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

Comments

twodayslate · Accepted Answer · 2012-10-17 04:20:36Z

0

The ~ is unneeded. You can just have href="/css/file.css"

answered Oct 17, 2012 at 4:20

twodayslate

2,8433 gold badges30 silver badges46 bronze badges

1 Comment

fiberOptics Over a year ago

Sure, I will remove that. But still, IE doesn't load all of my css files. But no problem in Chrome or Firefox.

Collectives™ on Stack Overflow

Dynamic loading of css files doesn't work in IE

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related