Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    May 2010
    Posts
    15
    Thanks
    2
    Thanked 1 Time in 1 Post

    moz webkit borders not valid?

    I am using:
    Code:
    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
    link to problem page

    My CSS:
    Code:
    #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
    Last edited by shepherd; 05-19-2010 at 03:18 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,930
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Quote Originally Posted by shepherd View Post
    I am using:
    Code:
    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).

  • #3
    New Coder
    Join Date
    May 2010
    Posts
    15
    Thanks
    2
    Thanked 1 Time in 1 Post
    So I should leave it as it is? until it's phased in properly?

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    While the validator will flag such things as errors, vendor extensions are perfectly valid properties and there is no reason to remove them.

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    My site here 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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #6
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by VIPStephan View Post
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •