962 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+5 more
webdesigndeluxe says

I’m getting this error when validating my CSS :

23 #wrapper Property -moz-border-radius doesn’t exist : 10px
24 #wrapper Property -webkit-border-radius doesn’t exist : 10px

How is this possible? I want rounded corners :) What do I do to validate this? Anyone else ever run into this? TF probably won’t except it like this. Should I just comment those two lines and include in the help file how to add rounded corners, by removing the comment tags?

49 posts
  • Has been part of the Envato Community for over 5 years
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
  • Located in United States
Anthonyash says

There’s always rounding the corners with Javascript. However, that has it’s downsides as well.

2529 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Interviewed on an Envato blog
+11 more
JeffreyWay says

Adam -

Those are browser specific stylings which won’t pass validation. It’s okay if CSS3 stuff doesn’t pass the test. Mostly, you should be looking for things like unclosed divs, block elements nested with inline elements, etc.

385 posts
  • Has referred 10+ members
  • Has sold $125,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+8 more
uDesignStudios says

No it won’t validate because it is not valid CSS :) Oh and IE does not support any of this… There are other options though:

1. break up your markup and use images to make rounded corners, this is cross-browser compliant but has some limitations (it is complicated to create fully scalable round corners, though most of the time you will only need scalability along one axis)

2. use JS to generate that extra markup, that way you don’t have to mess with your current markup

3. use JS to apply the CSS3 rounded corners, this way it’ll validate and you will have your CSS3 rounded corners (not with IE though). Use something like

$(’.my-div’).css({ ‘-moz-border-radius’: ‘10px’, ‘-webkit-border-radius’: ‘10px’ });

962 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+5 more
webdesigndeluxe says
Adam – Those are browser specific stylings which won’t pass validation. It’s okay if CSS3 stuff doesn’t pass the test. Mostly, you should be looking for things like unclosed divs, block elements nested with inline elements, etc.

Hahaha, its Alex, not Adam. Nice try though, I know it must be super hard trying to remember everyone’s names! :) Thanks for your reply though. Very helpful.

by
by
by
by
by
by