Errors... lots of them

[colweb]

In the previous version of Daniweb there was 1 error and no warnings reported by the web developer toolbar in Firfox 3.5.9 under Linux.

But the current version has a few more (a lot more actually). For instance, when opening PHP forum with the same browser you get the following list of warnings and errors:

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/rxrimages/danicss.css
Line: 32

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/rxrimages/danicss.css
Line: 122

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/rxrimages/danicss.css
Line: 1036

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/rxrimages/danicss.css
Line: 1654

Warning: Error in parsing value for 'white-space'. Declaration dropped.
Source File: http://www.daniweb.com/rxrimages/danicss.css
Line: 1807

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 18

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 76

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 77

Warning: Unknown property 'border-top-left-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 274

Warning: Unknown property 'border-top-right-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 275

Warning: Unknown property 'border-bottom-left-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 276

Warning: Unknown property 'border-bottom-right-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 277

Warning: Unknown property 'border-top-left-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 278

Warning: Unknown property 'border-top-right-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 278

Warning: Unknown property 'border-bottom-left-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 279

Warning: Unknown property 'border-bottom-right-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 279

Warning: Unknown property 'border-top-right-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 280

Warning: Unknown property 'border-bottom-right-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 280

Warning: Unknown property 'border-top-left-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 281

Warning: Unknown property 'border-bottom-left-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 281

Warning: Unknown property 'border-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 282

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 285

Warning: Error in parsing value for 'filter'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 286

Warning: Unknown property 'border-radius'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 286

Warning: Unknown property 'zoom'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 294

Warning: Unknown property 'zoom'. Declaration dropped.
Source File: http://www.daniweb.com/forums/clientscript/jquery/css/smoothness/jquery-ui-1.8.custom.css
Line: 301

Error: _gat is not defined
Source File: http://www.daniweb.com/forums/forum17.html
Line: 234

I not only liked the old version much more than the current one, but it seems the css was better written as well. For a website aimed at the IT-world, it doesn't look very professional when there are so many css errors.

[Dani]

This latest version of DanWeb uses AJAX more heavily than the previous version, and our toolkit of choice is JQuery. All of the warnings are related to the CSS for JQuery UI. However, warnings in CSS often mean that, to ensure cross-browser compatibility, we often include some CSS declarations that work for one browser and others that work for a different browser, and these declarations aren't available for the current browser you're using.

[colweb]

>> and these declarations aren't available for the current browser you're using.

That is no excuse. Whenever I build a website I'm always forced to use some code to find out the browser the user is using so the correct css is loaded. Often have to use more code to find out the operating system (Windows, Linux or Mac) to get the site working on all of them.
Result: never an error (all version of IE, Firefox, Opera, you name it).
Drawback: you need at least 4 css files (3 for different versions of IE and 1 for the rest).
Maybe, it is an idea to do that here as well? Don't know about Daniweb, but on severall sites I have build, about 20% of the visitors use Firefox.
And yes, it is just my opinion, but a site that loads without any errors looks so much more professional.

[Dani]

> Whenever I build a website I'm always forced to use some php code or javascript to find out the browser the user is using so the correct css is loaded.

In our situation, this actually causes much more overhead than its worth. Additionally, it is not foolproof since new browsers are coming out every day (Android and other mobile devices, PS3 and other gaming consules, etc) and it's impossible to determine which browsers support which CSS declarations.

I agree with you with regards to CSS errors, but warnings are a different story. We're about 60% FF :) Imagine that, more FF users than IE users!!

Also, just to get an idea of whether we really are outside the loop, and that all "professional" sites do what you're suggesting, I decided to run CSS validation across some other large sites:

www.digg.com => Fails
www.microsoft.com => Fails
www.facebook.com => Fails
www.google.com => Fails
www.apple.com => Fails

It seems that the standardized way of doing it really is to do what we do, which is to include CSS declarations for all browsers within one CSS file and let the browser figure out which ones to use.

[Biker920]

this add covering menu front page of community section

[Dani]

Ok will take care of that as soon as I get a chance. Currently in the city for Internet Week and the DaniWeb event.