WebspaceWorks Resources

In Cascading Stylesheets

Tools: Cross-browser CSS, filters & hacks

There are two elements to implementing CSS-based website design:

  1. Compatibility: Knowing what css is going to work (or not) in which browsers
  2. Filters and hacks: What filters exist that will cleanly allow browsers to see different rules so that consistent cross-browser styling can be achieved.

CSS Browser compatibility

Links included here offer the best currently available information regarding cross-browser compatibility of CSS up to and including parts of the CSS3 proposed spec.

Western Civilization’s guide to browser support for CSS
Detailed summary of information available in WestCiv’s Complete CSS Guide.
Mac Edition’s Abridged Guide to CSS2 support
A summary of CSS support for WinIE6 and Mac versions of browsers featuring the Gecko, Webkit, Opera & iCab rendering engines.
Mac Edition’s Guide to CSS3 support
Summary of support for CSS3 selectors across a selection of browsers. Information currently dates from October 2003, so does not necessarily reflect current status of either browsers or proposed CSS3 specifications.
Mac Edition’s Guide to Mac IE CSS Bugs
Summary of bugs in the Macintosh versions of Internet Explorer, including examples and, where known, solutions to the problems
Mac Edition’s Guide to CSS Crasher Bugs in Netscape Navigator
Those CSS selectors that you need to avoid serving, at all costs, to Netscape Navigator… it will crash!
Quirksmode’s compatibility charts
Mainstream (IE, Firefox, Safari & Opera) browser compatibility for CSS selctors used in the Quirksmode site.
Rich In Style’s compatibility charts
The view from 2000. Getting rather long in the tooth now, these charts are certainly colourful and might just reach the parts (older versions) other charts no longer reach.

CSS Filters and hacks

There are many sites around the internet that discuss various methods of hiding css from selected browsers. The vast majority of the filters presented serve to either hide or reveal specific rules from IE, and most sites focus on only one or two aspects.

The links below are two sites that offer the most complete gathering of CSS filters as they are available today.

CSS Filters at Centricle
Compact, but extensive table with interesting highlighting feature to make cross-referencing easier. Includes some odd browsers, including iCab for Mac, and Konqueror on Linux.

Webspace Works: Effective website design, development & search engine optimisation

Simply effective, web design that works!

W3Csites.com Web Standards Group: Promoting Accessibility and standards across the internet This page uses valid CSS
This page uses valid XHTML 1.0 Transitional This page works in all modern browsers Sitening perfect score Real Design Network Approved