Hi team,
I created a custom skin for my RadTabStrip based on Offcie2007 skin, then placed the 2 related CSS files (Base & Skin) into my Theme folder. Since my concern is Skin CSS, I left the Base file intact. Things are fine and no issues there.
However, when I attempted to validate my CSS through W3C, your Base CSS failed as indicated in attached screenshot. The reason for so as I understand from validation feedback is mainly due to the following:
I created a custom skin for my RadTabStrip based on Offcie2007 skin, then placed the 2 related CSS files (Base & Skin) into my Theme folder. Since my concern is Skin CSS, I left the Base file intact. Things are fine and no issues there.
However, when I attempted to validate my CSS through W3C, your Base CSS failed as indicated in attached screenshot. The reason for so as I understand from validation feedback is mainly due to the following:
- display: -moz-inline-stack
- zoom: 1
- @media screen and (min-width:50px)
- :root
I'm using build 1319.
Any suggestions?
Regards,
Saed
1 Answer, 1 is accepted
0
Hello Saed,
This is indeed so. We are using invalid CSS to work around browser differences.
In your case the invalid styles do the following:
1) A fix for older FireFox browsers. If removed, the tabs will not be aligned properly;
2) A.k.a the holly hack. Fixes a number of things in both IE6 and IE7. If removed may break lots of things;
3) Media queries are not part of CSS2, but of CSS3. So they will always be considered invalid in terms of CSS2. That line isolates some new browsers;
4) :root selector is part of CSS3; again, this will never be valid in terms of CSS2; used for isolating newer browsers.
If it is very important to validate against CSS3, you could remove the invalid styles altogether, but it will, for sure, break the controls in some browsers in some ways.
Kind regards,
Ivan Zhekov
the Telerik team
This is indeed so. We are using invalid CSS to work around browser differences.
In your case the invalid styles do the following:
1) A fix for older FireFox browsers. If removed, the tabs will not be aligned properly;
2) A.k.a the holly hack. Fixes a number of things in both IE6 and IE7. If removed may break lots of things;
3) Media queries are not part of CSS2, but of CSS3. So they will always be considered invalid in terms of CSS2. That line isolates some new browsers;
4) :root selector is part of CSS3; again, this will never be valid in terms of CSS2; used for isolating newer browsers.
If it is very important to validate against CSS3, you could remove the invalid styles altogether, but it will, for sure, break the controls in some browsers in some ways.
Kind regards,
Ivan Zhekov
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.