Telerik RadWindow and standard CSS Conflicts (in Internet Explorer)

Question

I am doing a project in ASP.NET/C# using Telerik RadControls for ASP.NET AJAX and have put in a lot of effort in designing the site. Now all of a sudden RadWindow threatens all the CSS Styles in place. This is a really peculiar problem and it is only with Internet Explorer. Someone please help me correcting this..

Almost 100% of the content in my site use CSS(not CSS3). Everything was looking and working good(in all browsers incl. IE), until I added a Telerik RadWindow into the page. After this IE is not rendering my CSS Styles and my site looks like a complete CRAP!! But the other browsers like chrome and firefox are working flawlessly. Even the addition of RadWindowManager alone without any actual RadWindows causes the same trouble.

Note: CSS of RadControls looks good & DOES NOT HAVE any trouble. This is only with the other standard HTML/ASP.NET elements/controls.

I am using Masterpage and if I move the RadWindow/Manager to the MasterPage, it then filters down the bug to all child/content pages i.e all child pages are not applying the CSS Styling. But the CSS Styles in my MasterPage is Okay. I am completely puzzled by this behavior and couldnt find what is wrong.

I also checked the CSS used by RadWindow and there was NO class/classname that conflicts with any of the classes I am using with the elements in the content pages. All the above mentioned probs ARE ONLY WITH INTERNET EXPLORER. :(

Have anyone ecountered this kind of issue ? Kindly help me since I am in dire need of RadWindow and couldn't eliminate it from my project.

Answer 1

Check if you are not hitting the 30 stylesheets on a page limit in IE. If you have a lot of stylesheet registrations, IE will not parse them all and you will have missing styles. Other browsers are unaffected by this limitation. Try combining your CSS into one or if you are using more than one of the RadControls, add a RadStyleSheetManager to your master page.