16 April 2007
Note: This article is repurposed from the Dreamweaver CS3 help system. Although written for Dreamweaver CS3, the content is still valid.
Frustrated with pesky browser rendering bugs related to your CSS? This little article shows you how Dreamweaver can help you solve your problems quickly and efficiently.
The new Browser Compatibility Check (BCC) feature in Dreamweaver CS3 helps you locate combinations of HTML and CSS that have problems in certain browsers. When you run a BCC on an open file, Dreamweaver scans the file and reports any potential CSS rendering issues in the Results panel. A confidence rating, indicated by a quarter, half, three-quarter, or completely filled circle, indicates the likelihood of the bug’s occurrence (a quarter-filled circle indicating a possible occurrence, and a completely-filled circle indicating a very likely occurrence). For each potential bug that it finds, Dreamweaver also provides a direct link to documentation about the bug on Adobe CSS Advisor, a website that details commonly known browser rendering bugs, and offers solutions for fixing them.
By default, the BCC feature checks against the following browsers: Firefox 1.5; Internet Explorer (Windows) 6.0 and 7.0; Internet Explorer (Macintosh) 5.2; Netscape Navigator 8.0; Opera 8.0 and 9.0; Safari 2.0.
This feature replaces the former Target Browser Check feature, but retains the CSS functionality of that feature. That is, the new BCC feature still tests the code in your documents to see if any of the CSS properties or values are unsupported by your target browsers.
Three levels of potential browser-support problems can arise:
Browser compatibility checks do not alter your document in any way.
Select File > Check Page > Browser Compatibility.
Double-click the issue in the Results panel.
Select Next Issue or Previous Issue from the Browser Compatibility Check menu in the Document toolbar.
For example, to see if CSS rendering bugs might appear in Internet Explorer 5.0 and later and Netscape Navigator 7.0 and later, select the checkboxes next to those browser names, and select 5.0 from the Internet Explorer pop‑up menu and 7.0 from the Netscape pop‑up menu.
Tip: Hover over buttons in the Results panel to see button tool tips.
Note: Reports are not saved automatically; if you want to keep a copy of a report, you must follow the above procedure to save it.
TIP: Hover over buttons in the Results panel to see button tool tips.
Note: You can also access the site by typing http://www.adobe.com/go/cssadvisor directly in a web browser.
Tutorials and samples