...

View Full Version : moz webkit borders not valid?



shepherd
05-19-2010, 03:16 PM
I am using:


border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

and also because I want the whole area these contained in to be the same color
I have the border color the same as the bg color so I get warnings.

Is there some kind of css declaration to put in css maybe css 3 declaration?
I can see this being a problem in the future unless it's planned to be brought in.

Or am I doing something completly wrong?

link to Validation (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmetagrafik.co.uk%2Fathetiks%2Fstylin.css&profile=css21&usermedium=all&warning=1&lang=en)
link to problem page (http://metagrafik.co.uk/contact/index.php)

My CSS:


#message{
width:576px;
height:auto;
position:relative;
margin-left:175px;
margin-top:45px;
padding:8px 14px 14px 14px;
background:#f5eb00 no-repeat;
background-repeat:no-repeat;
border: 3px #f5eb00 solid;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font-family:"Courier New", Courier, monospace;
font-size:11px;
color:#231f20;

}

#message input{
font-family:"Courier New", Courier, monospace;
font-size:11px;
color:#231f20;
margin-top:8px;
background-color:#fff;
border:7px #fff solid;
border-right:9px #fff solid;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;

}

#message textarea{
font-family:"Courier New", Courier, monospace;
font-size:11px;
color:#231f20;
margin-top:8px;
background-color:#fff;
border:3px #fff solid;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;

}



Thanks

VIPStephan
05-19-2010, 03:36 PM
I am using:


border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

Is there some kind of css declaration to put in css maybe css 3 declaration?
I can see this being a problem in the future unless it's planned to be brought in.

border-radius is a CSS 3 property. The only reason why you are using the other ones is because border radius isn’t supported in older versions of Firefox and Webkit but you desperately want to use them anyway which is why these proprietary properties were invented to test such a feature for future official inclusion. IE doesn’t support any of these (and I think neither does Opera).

shepherd
05-19-2010, 03:52 PM
So I should leave it as it is? until it's phased in properly?

drhowarddrfine
05-19-2010, 03:57 PM
While the validator will flag such things as errors, vendor extensions are perfectly valid properties and there is no reason to remove them.

effpeetee
05-19-2010, 04:34 PM
My site here (http://www.exitfegs.co.uk/Sources.html) uses CSS3 and HTML5. FFox latest and Chrome etc support it. IE8 degrades in an acceptable manner. I just want to get used to the new version ASAP.

Frank

gsnedders
05-20-2010, 07:14 PM
border-radius is a CSS 3 property. The only reason why you are using the other ones is because border radius isn’t supported in older versions of Firefox and Webkit but you desperately want to use them anyway which is why these proprietary properties were invented to test such a feature for future official inclusion. IE doesn’t support any of these (and I think neither does Opera).

We (i.e., Opera) support border-radius in 10.5x, with no vendor prefix. IE9 will do likewise, and WebKit and Gecko will support it with no prefix sometime soonish.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum