Conditional-CSS
Example CSS browser support
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
| 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 98+ / OSX.3+ | - | A | |
| Opera 9.5 | Win 98+ / 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.
The information on this page is reproduced courtesy of U4EA Technologies.
As you can see, this is a ridiculously 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.