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?

score 3 · Accepted Answer · answered Oct 17 '12 at 06:05

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 '12 at 06:05

Darin Dimitrov

1,023,142
271
3,287
2,928

score 0 · Answer 2 · answered Oct 17 '12 at 04:20

0

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

answered Oct 17 '12 at 04:20

twodayslate

2,803
3
27
43

Sure, I will remove that. But still, IE doesn't load all of my css files. But no problem in Chrome or Firefox. – fiberOptics Oct 17 '12 at 05:14

Dynamic loading of css files doesn't work in IE

2 Answers2