Help with Validation (Parse Errors), My CSS is returning 'Parse Errors [empty string]' -- help? |
Help with Validation (Parse Errors), My CSS is returning 'Parse Errors [empty string]' -- help? |
Deflect |
Apr 21 2011, 12:29 AM
Post
#1
|
Group: Members Posts: 4 Joined: 4-April 11 Member No.: 14,271 |
I'm experimenting with CSS3, and for some reason, it keeps returning 'Parse Error [empty string].
I suspected it might be because I used proprietary tags frequently, but I tried commenting them out, and it still didn't validate. Below is my CSS -- I commented all the proprietary tags out. body { /* Body is for the entire screen. */ display:block; font-size:100%; background-color:#fff; background-image: url(graphics/placeholder.jpg); background-repeat: repeat; background-attachment:fixed; } #boundary { /* Boundary lies in body, defines the edges of where everything may lie in */ display:block; position:relative; overflow:hidden; z-index:2; width:45em; margin-left:auto; margin-right:auto; margin-top:3em; margin-bottom:3em; border: 0.15em solid #aaa; /* Code for rounded corners */ /* Currently no support for IE < 9 */ border-radius: 1em; /*-moz-border-radius: 1em;*/ /* End of code for rounded corners */ padding:1em; } .opaque { position:absolute; z-index:1; left:0; top:0; width:100%; height:999em; /* For IE6 (Add 'oveflow:hidden' to parent) */ background: #fff; /*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75;*/ opacity:0.75; /* Code for rounded corners */ /* Currently no support for IE < 9 */ border-radius: 1em; /*-moz-border-radius: 1em;*/ /* End of code for rounded corners */ } #content { /* Placed inside 'Boundary', everything falls under here. */ position:relative; z-index:3; font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif; } .copyright { font-size:0.8em } a { color:#005a9f; text-decoration:underline; } a:visited{ color:#f2234d; } #nav { display:block; position:absolute; z-index:5; position:fixed; top:0; left:50%; width:42em; height:2em; margin:0; margin-left: -21em; padding:0; } #nav ul { margin:0; padding:0; height:100%; } #nav ul li { display:inline; float:left; list-style-type:none; width:6em; height:1.5em; text-align:center; } #nav ul li a { display:block; height:1.6em; width:auto; background-color:#228B22; color:#fff; font-size:1.1em; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:0.2em; margin-left: 0.15em; margin-right: 0.15em; /* Code for transparency */ /*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;*/ opacity:0.9; /* End code for transparency */ /* Code for rounded corners */ /* Currently no support for IE < 9 */ /*border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em;*/ /* End of code for rounded corners */ } #nav ul li a:hover { background-color:#44ad44; } #header { display:block; background-color: #fff; width:auto; /* Add a nice graphic for a background. However, the actual text cannot be part of the picture. Otherwise, our search engine ranking suffers. */ border:0.25em solid #000; margin-top:0; margin-bottom:1em; padding-left:2em; /* Code for rounded corners */ /* Currently no support for IE < 9 */ border-radius: 0.5em; /*-moz-border-radius: 0.5em;*/ /* End of code for rounded corners */ } #header h1 { /* Note: Use h1 only once - at the top of the page. */ font-family:Impact, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; } .slideshow { display:block; position:relative; z-index:4; background-color:#fa3; height:14em; width:auto; margin:0; margin-bottom:1em; padding-left:1em; border:0.2em solid #000; /* Transparency */ /*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;*/ opacity:0.8; } #sidebar { display:block; z-index:4; position:relative; float:left; width:14em; margin:0; margin-right:1em; margin-bottom:1em; padding:0; } #sidebar .block { position:relative; width:auto; padding:0; padding-top:0.25em; margin-bottom:0.25em; border-bottom:0.3em solid #228B22; } #sidebar .block:first-child { border-top:0.3em solid #228B22; } #sidebar .block h2 { margin:0; margin-bottom:0.25em; padding:0; font-size:1.6em; } #sidebar .block img { position:relative; width:13.5em; /* Forces the picture to resize to fit */ height:auto; margin:0.25em; margin-top:0; } #sidebar .block p { margin:0; margin-left:0.25em; margin-bottom:0.5em; padding:0; } #sidebar .block ul { list-style-type:circle; padding-left:1em; margin:0; margin-left:0.25em; margin-bottom:0.5em; } #blogroll { position:relative; z-index:4; display:block; float:left; width:30em; margin:0; padding:0; /* Transparency */ /*-ms-filler:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;*/ opacity:0.8; } .article { display:block; background-color:#6fe6a4; border:0.15em solid #3cb371; border-top:0.3em solid #3cb371; border-bottom:0.3em solid #3cb371; margin:0; margin-top:0; margin-bottom:1em; padding:0.5em; /* Rounded corners (No IE support < 9) */ border-radius: 0.5em 0em 0.5em 0em; /*-moz-border-radius: 0.5em 0em 0.5em 0em;*/ } .article .head { display:block; margin:0; padding:0.5em; border-bottom:0.1em solid #888; } .article p { text-indent:1.5em; } .article a { color:#00009f; } .prettylink { display:block; position:relative; /*background-color:#3ed5d1;*/ background-color:#fc5; height:auto; border:0.15em solid #c80; border-top:0.3em solid #c80; border-bottom:0.3em solid #c80; margin:0; margin-top:0; margin-bottom:1em; padding:1em; /* Rounded corners (No IE support < 9) */ border-radius: 0.5em 0em 0.5em 0em; /*-moz-border-radius: 0.5em 0em 0.5em 0em;*/ font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; text-decoration: none; } .prettylink:hover { background-color:#fe7; } .prettylink p, .prettylink h2, .prettylink h3, .prettylink h4, .prettylink h5, .prettylinkh6 { font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; text-decoration: none; font-size:1.5em; margin:0; padding:0; font-weight:bold; color:#000; } #footer { display:block; position:relative; z-index:4; margin:0; margin-top:0.5em; clear:both; width:auto; border-top:0.25em solid #000; border-bottom:0.25em solid #000; padding:1em; padding-left:2em; } #footer p { margin:0; padding:0; } This post has been edited by Deflect: Apr 21 2011, 12:31 AM |
Frederiek |
Apr 21 2011, 02:22 AM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Apparently, the border-radius throwing a Parse Error [empty string] is a bug in the W3C CSS validator. See http://www.w3.org/Bugs/Public/show_bug.cgi?id=11975 .
The validator will not validate vendor prefixes either as they are not part of the CSS Specification. |
Lo-Fi Version | Time is now: 9th May 2024 - 07:52 PM |