Bug 176559

Summary: non-w3c Complaint CSS
Product: [Fedora] Fedora Documentation Reporter: Tejas Dinkar <tejasdinkar>
Component: docs-requestsAssignee: Ricky Zhou <rzhou>
Status: CLOSED NEXTRELEASE QA Contact: eric
Severity: medium Docs Contact:
Priority: medium    
Version: develCC: eric, kwade, onekopaka, stickster
Target Milestone: ---Keywords: Reopened
Target Release: ---   
Hardware: All   
OS: Linux   
URL: http://www.fedoraproject.org
Whiteboard:
Fixed In Version: Doc Type: Bug Fix
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2009-06-10 18:10:13 UTC Type: ---
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:

Description Tejas Dinkar 2005-12-26 13:14:51 UTC 
From Bugzilla Helper:
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.8) Gecko/20050524 Fedora/1.0.4-4 Firefox/1.0.4

Description of problem:
I tried out the fedoraproject.org's CSS at w3c validation site:

http://validator.w3.org/

It appears that there are some fatal errors in the CSS:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.fedoraproject.org%2Fwikidata%2Fkindofblue%2Fcss%2Fcommon.css

Version-Release number of selected component (if applicable):


How reproducible:
Always

Steps to Reproduce:
Head down to the above sites

Additional info:
Comment 1 eric 2009-06-10 03:38:22 UTC 
This document was successfully checked as HTML 4.01 Strict!
Comment 2 Darren VanBuren 2009-06-10 04:29:11 UTC 
This bug should be reopened, the *CSS* has validation errors.

@eric:
Please read more carefully next time.
Comment 3 eric 2009-06-10 14:51:41 UTC 
Ahh...  The CSS...  Will investigate.
Comment 4 eric 2009-06-10 16:03:56 UTC 
Errors according to W3C CSS Validator:

330  	 #content ul.downloadbox  	 Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] :  1.5ex
331 	#content ul.downloadbox 	Property -webkit-border-radius doesn't exist : 1.5ex
332 	#content ul.downloadbox 	Property -moz-border-radius doesn't exist : 1.5ex 

Warnings:
213  	 #content .roles li  	In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
Comment 5 Darren VanBuren 2009-06-10 17:01:12 UTC 
(In reply to comment #4)
> Errors according to W3C CSS Validator:
> 
> 330    #content ul.downloadbox    Property border-radius doesn't exist in CSS
> level 2.1 but exists in [css3] :  1.5ex
> 331  #content ul.downloadbox  Property -webkit-border-radius doesn't exist :
> 1.5ex
> 332  #content ul.downloadbox  Property -moz-border-radius doesn't exist : 1.5ex 
> 
> Warnings:
> 213    #content .roles li   In (x)HTML+CSS, floated elements need to have a
> width declared. Only elements with an intrinsic width (html, img, input,
> textarea, select, or object) are not affected  

For the warning we can just throw in width: 100%; The errors don't really matter. That's a valid property in CSS3, so it's fine. The validator should ignore -moz-* and -webkit-* properties. Fix the warning and I'd call this RESOLVED FIXED.
Comment 6 eric 2009-06-10 17:53:06 UTC 
Ricky,
I talked to Mo earlier and she said you were the contact for the CSS.  Can you take this bug for action?

Thanks...
Comment 7 eric 2009-06-10 17:54:55 UTC 
(In reply to comment #5)
> (In reply to comment #4)
> > Errors according to W3C CSS Validator:
> > 
> > 330    #content ul.downloadbox    Property border-radius doesn't exist in CSS
> > level 2.1 but exists in [css3] :  1.5ex
> > 331  #content ul.downloadbox  Property -webkit-border-radius doesn't exist :
> > 1.5ex
> > 332  #content ul.downloadbox  Property -moz-border-radius doesn't exist : 1.5ex 
> > 
> > Warnings:
> > 213    #content .roles li   In (x)HTML+CSS, floated elements need to have a
> > width declared. Only elements with an intrinsic width (html, img, input,
> > textarea, select, or object) are not affected  
> 
> For the warning we can just throw in width: 100%; The errors don't really
> matter. That's a valid property in CSS3, so it's fine. The validator should
> ignore -moz-* and -webkit-* properties. Fix the warning and I'd call this
> RESOLVED FIXED.  

Actually, that's backwards.  W3 will allow the warnings but not the errors.
Comment 8 Darren VanBuren 2009-06-10 18:05:11 UTC 
(In reply to comment #7)
> (In reply to comment #5)
> > (In reply to comment #4)
> > > Errors according to W3C CSS Validator:
> > > 
> > > 330    #content ul.downloadbox    Property border-radius doesn't exist in CSS
> > > level 2.1 but exists in [css3] :  1.5ex
> > > 331  #content ul.downloadbox  Property -webkit-border-radius doesn't exist :
> > > 1.5ex
> > > 332  #content ul.downloadbox  Property -moz-border-radius doesn't exist : 1.5ex 
> > > 
> > > Warnings:
> > > 213    #content .roles li   In (x)HTML+CSS, floated elements need to have a
> > > width declared. Only elements with an intrinsic width (html, img, input,
> > > textarea, select, or object) are not affected  
> > 
> > For the warning we can just throw in width: 100%; The errors don't really
> > matter. That's a valid property in CSS3, so it's fine. The validator should
> > ignore -moz-* and -webkit-* properties. Fix the warning and I'd call this
> > RESOLVED FIXED.  
> 
> Actually, that's backwards.  W3 will allow the warnings but not the errors.  

Yep but we can't fix the errors.
Comment 9 Ricky Zhou 2009-06-10 18:10:13 UTC 
The warning is fixed in git and should be live in 1-2 hours.  As Darren mentioned above, the errors are acceptable, and don't break the layout on browsers that do not support them.
Comment 10 eric 2009-08-05 18:42:32 UTC 
Tickets move to docs-request so the fedora-websites component can be removed per request from Ricky.