Validate CSS to 2.1 Standards

philbar - June 5, 2009 - 05:09
Project:Extra Voting Forms
Version:6.x-1.x-dev
Component:User interface
Category:bug report
Priority:normal
Assigned:Unassigned
Status:active
Description

text-shadow, opacity and -moz-inline-box are not valid CSS2.1

http://jigsaw.w3.org/css-validator/

Results
51 .karma_3_big .karma_score Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : 0 2px 0 #fff
99 .karma_4_big .karma_score Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : 0 2px 0 #fff
156 html.js .karma_sending Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.3
157 html.js .karma_sending Parse Error opacity=30)
197 html.js .karma_3_small .karma_buttons Value Error : display -moz-inline-box is not a display value : -moz-inline-box
256 html.js .karma_4_small .karma_buttons Value Error : display -moz-inline-box is not a display value : -moz-inline-box

#1

mercmobily - June 6, 2009 - 02:36

Hi,

OK that's fine. But the HTML/CSS for EVF was written by Alan, a graphic designer guru who made absolute sure _everything_ worked on _every_ browser.

Are you sure this can be fixed AND we can maintain a perfect look across all browsers?

Merc.

#2

philbar - June 6, 2009 - 02:58

It's not cross-browser compatible to begin with.

opacity

Full support in: Firefox 3, Safari 3, Chrome 1
Partial support in: Opera 9.6 (no support for rgba)
No support in: Internet Explorer 8

text-shadow

Full support in: Firefox 3.5 (upcoming), Safari 3, Opera 9.6.
No support in: Internet Explorer 8, Chrome 1.

-moz-inline-box

Full support in: Firefox only
No support in: Internet Explorer 8, Safari 3, Opera 9.6, Chrome 1.

#3

mercmobily - June 6, 2009 - 03:05

Hi,

apparently the designer added browser-specific options in order to make it look the same across browsers.
So, by "compatible" here I mean "it looks the same", which is what we want -- yes, more than "formally correct".

If you come up with a CSS that works totally fine in:

Firefox 1.3
Firefox 2.0
IE 6
IE 7
Opera
Safari

Then cool. But, according to Alan, that's basically impossible. But, I don't know... I tend to stay away from CSS.

Your call!

Merc.

 
 

Drupal is a registered trademark of Dries Buytaert.