Why does Internet Explorer just stop parsing in the middle of my CSS?

I help manage the site for the local ACM student chapter, http://acm.cs.uakron.edu/ .

For some reason, Internet Explorer simply refuses to parse most CSS. Every other browser I know handles it just fine, but why does IE7 + stop?

+4
source share
2 answers

The comments say you have 35 CSS files. This in itself, in addition to a simple number of requests, is enough to be showstopper for IE.

In accordance with Microsoft Knowledge Base Article 262161 ,

All style tags after the first 31 style tags are not applied.

This applies to all versions of IE so far, including the beta version of IE9. Uch. Time to combine these stylesheets into a single file.

When working with such large complex CSS projects, I usually recommend using a CSS pre-processor such as Sass , and turning these smaller stylesheets involves pulling them into a larger stylesheet that feeds to the browser. However, almost everyone has a different solution to this problem.

+10
source

Internet Explorer cannot parse a maximum of 31 CSS files, whether embedded or not. Even if you use @import css syntax, IE will ignore everything after 31 files! How the shit is that?

try http://sourceforge.net/projects/cssmerge/

+4
source

All Articles