How to Check CSS Compatibility in Adobe Dreamweaver CS6 - dummies

How to Check CSS Compatibility in Adobe Dreamweaver CS6

By Jennifer Smith, Christopher Smith, Fred Gerantabee

It’s important to make sure that your Adobe Dreamweaver CS6 website appears properly and consistently across all popular browsers, such as Internet Explorer, Firefox, Chrome, and Safari. Although most modern browsers have adopted fairly uniform support for CSS2 (and some CSS3) properties, designers should still test their pages in a variety of browsers and browser versions.

To eliminate this time-consuming task, Dreamweaver provides the Browser Compatibility Check, which works hand in hand with the Adobe website to discover and report any CSS-related display issues that may occur in selected browsers and versions.

The Browser Compatibility Check checks CSS compatibility by default in these browsers: Firefox 1–3; Internet Explorer (Windows) 6.0–8.0; Internet Explorer (Macintosh) 5.2; Netscape Navigator 7.0–8.0; Opera 7.0–9.0; and Safari 1.0–3.0.

For any problem that the Browser Compatibility Check discovers, the Results panel displays a description of the problem along with a direct link to the CSS Advisor section of the Adobe website. The CSS Advisor reports on known browser-display issues and possible solutions for fixing them.

Follow these steps to test a page with the Browser Compatibility Check:

  1. Open a page for editing by choosing File→Open or by selecting it from the Files panel.

  2. In the Document window (next to the Live Code button), click and hold the Check Browser Compatibility button and then choose Check Browser Compatibility from the menu that appears.

    The Results panel appears, with the Browser Compatibility tab forward. Any results are displayed on this tab.

  3. To view details and possible solutions for any results that may appear, select the result.


    The description, as well as a link to the Adobe website, appears on the right side of the panel.

    Possible compatibility issues are listed along with the filename, line number, and description of the problem.

  4. Click the link below the detail panel to jump to the Adobe website for solutions.