StyleSheetReference connection, IE8 and higher

[Luba]

Hi

thus loading CSS file in master page:

<inf:StyleSheetManager runat="server" ID="ssm1" CdnSettings-TelerikCdn="Disabled">
        <StyleSheets >

            <inf:StyleSheetReference Assembly="Data.Web" Name="Data.Web.Content.Styles.Style.css" />

        </StyleSheets>
    </inf:StyleSheetManager>

web.config:

<appSettings>

    <add key="Telerik.Skin" value="newSkin"/>

    <add key="Telerik.EnableEmbeddedSkins" value="false" />

  </appSettings>

Firefox and Chrome are my everything behaves well. Functional styling.
bug occurs in IE, the page behaves as if no style retrieved.
bug is all version IE.
I need to work in IE 8 or higher, please advice. 

[Ivan Zhekov]

Hi,

There is a known limitation in IE browsers and you can read more about it in this blog post -- http://blogs.telerik.com/aspnet-ajax/posts/10-05-03/internet-explorer-css-limits.aspx.

In short, you can't have more than 31 stylesheets per page, or IE will not load the 32nd and following styles. This behaviour was fixed in IE10 or IE11.

That can be easily overcome by using RadStyleSheetManager and enable stylesheet combining. Note: this can not be used in conjunction with CDN.

You could do a hybrid approach however: on page request (or session start) you can check if the browser is IE. If so, switch to using combined scripts, else use CDN.

Regards,
Ivan Zhekov
Telerik