IE does not apply styles

Question

I am compiling several stylesheets into one min stylesheet in an intermediate environment. Styles are applied locally in IE, where each stylesheet is separate, but they are not applied in an intermediate environment in IE, where stylesheets are compiled into a single min stylesheet, I ran the stylesheets using the CSS validator and went through each stylesheet and fixed everything syntax errors detected. I don’t have to know how to solve the problem, I basically want to know where the problem is. IE developer tools do not give me feedback related to the issue of styles that do not apply.

Here is the link to the intermediate login page: https://s-app.joinhere.com/manage/sessions/new . Styles are in the stylesheet, they just don't apply in IE. Here's a link to the compiled min stylesheet: https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

Thanks!

Answer 1

I tried your page and it works fine in Chrome. However, in IE9, it looks weird, as if CSS styles were not applied as you described. For example, the style body#manage-sessions #main_container #login_container not applied. I looked at the css tab in the developer tools, and it turns out the style doesn't even exist, which explains how it doesn't work. To find out why, I used the network inspector from the developer tool and examined the answer when IE9 loads css and the body#manage-sessions #main_container #login_container really in the answer. This led me to believe that there should be some limit to the maximum css file size for IE. This seems to be true as described here . Apparently, IE just ignores extra styles if the css file reaches a certain size. Thus, this explains why everything works when the css files are separate, and why things fall apart after combining them. To solve the problem, try breaking your large css file into 2 or more smaller ones that fall under the IE limit and see if this fixes the problem.

Answer 2

I'm not sure about your personal setup, however, IE 10 can only process 32 separate stylesheets, something after it will still be displayed in Dev tools such as its work, but rest assured, 33 stylesheets are dedicated to silent life a failure.