Example browser support using Conditional-CSS

Conditional-CSS allows you to target a very wide range of browsers. The table below shows an example of the support which can be achieved. As is good practice, we use graded browser support at U4EA and the following definitions are used:

  • A grade: First class support with all widgets
  • C grade: Core support, with basic display information
  • X grade: CSS blocked from the browser, instead relying on HTML rendering
  • U grade: Unsupported. Will get the same CSS as C grade browsers

The information on this page is reproduced courtesy of U4EA Technologies.

Rendering engine Browser Platform(s) Engine version CSS grade
Trident
Internet Explorer 4.0 Win 95+ 4 X
Internet Explorer 5.0 Win 95+ 5 C
Internet Explorer 5.5 Win 95+ 5.5 A
Internet Explorer 6 Win 98+ 6 A
Internet Explorer 7 Win XP SP2+ 7 A
AOL browser (AOL desktop) Win XP 6 A
Gecko
Firefox 1.0 Win 98+ / OSX.2+ 1.7 A
Firefox 1.5 Win 98+ / OSX.2+ 1.8 A
Firefox 2.0 Win 98+ / OSX.2+ 1.8 A
Firefox 3.0 Win 2k+ / OSX.3+ 1.9 A
Camino 1.0 OSX.2+ 1.8 A
Camino 1.5 OSX.3+ 1.8 A
Netscape 7.2 Win 95+ / Mac OS 8.6-9.2 1.7 A
Netscape Browser 8 Win 98SE+ 1.7 A
Netscape Navigator 9 Win 98+ / OSX.2+ 1.8 A
Mozilla 1.0 Win 95+ / OSX.1+ 1 A
Mozilla 1.1 Win 95+ / OSX.1+ 1.1 A
Mozilla 1.2 Win 95+ / OSX.1+ 1.2 A
Mozilla 1.3 Win 95+ / OSX.1+ 1.3 A
Mozilla 1.4 Win 95+ / OSX.1+ 1.4 A
Mozilla 1.5 Win 95+ / OSX.1+ 1.5 A
Mozilla 1.6 Win 95+ / OSX.1+ 1.6 A
Mozilla 1.7 Win 98+ / OSX.1+ 1.7 A
Mozilla 1.8 Win 98+ / OSX.1+ 1.8 A
Seamonkey 1.1 Win 98+ / OSX.2+ 1.8 A
Epiphany 2.20 Gnome 1.8 A
Webkit
Safari 1.2 OSX.3 125.5 A
Safari 1.3 OSX.3 312.8 A
Safari 2.0 OSX.4+ 419.3 A
Safari 3.0 OSX.4+ 522.1 A
OmniWeb 5.5 OSX.4+ 420 A
iPod Touch / iPhone iPod 420.1 A
S60 S60 413 A
Presto
Opera 7.0 Win 95+ / OSX.1+ - A
Opera 7.5 Win 95+ / OSX.2+ - A
Opera 8.0 Win 95+ / OSX.2+ - A
Opera 8.5 Win 95+ / OSX.2+ - A
Opera 9.0 Win 95+ / OSX.3+ - A
Opera 9.2 Win 88+ / OSX.3+ - A
Opera 9.5 Win 88+ / OSX.3+ - A
Opera for Wii Wii - A
Nokia N800 N800 - A
Nintendo DS browser Nintendo DS 8.5 C/A1
KHTML
Konqureror 3.1 KDE 3.1 3.1 C
Konqureror 3.3 KDE 3.3 3.3 A
Konqureror 3.5 KDE 3.5 3.5 A
Tasman
Internet Explorer 4.5 Mac OS 8-9 - X
Internet Explorer 5.1 Mac OS 7.6-9 1 C
Internet Explorer 5.2 Mac OS 8-X 1 C
Misc
NetFront 3.1 Embedded devices - C
NetFront 3.4 Embedded devices - A
Dillo 0.8 Embedded devices - X
Links Text only - X
Lynx Text only - X
IE Mobile Windows Mobile 6 - C
PSP browser PSP - C
Other browsers
All others - - U
Rendering engine Browser Platform(s) Engine version CSS grade
© 2007-2008 U4EA Technologies.

 

1: Opera on the DS will change it's rendering mode depending on your settings. When set to desktop like layout the browser is A grade CSS, but is C grade when the page is reflowed to fit on the DS's screen.

As you can see this is a very wide range of browsers. Although it is unlikely to be practical to support this number of browsers for a typical web-site, Conditional-CSS will help maintain the structure of your CSS files and over come those annoying browser bugs.