Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

CSS tip: Checking for cross-browser issues


Deal with  browser issues before going live.

IT IS LIKELY that your website pages need to be tested for crossbrowser compatibility. The Browser Compatibility Check feature in Dreamweaver CS3 helps locate combinations of HTML and CSS that have problems in certain browsers. Note that, by default, the BCC feature checks against the following browsers: Firefox 1.5; Internet Explorer (Windows) 6.0 and 7.0; Internet Explorer (Mac) 5.2; Netscape Navigator 8.0; Opera 8.0 and 9.0 and Safari 2.0.
To call the BCC into action, first open the file to be tested. Now select File>Check Page>Browser Compatibility and Dreamweaver will scan the page. It will also display any possible issues in the Results panel as well as a confidence rating. The remaining results include the line number, the issue and a description of the problem. To go directly to the code relating to an issue, double-click the appropriate line. Alternatively, use Check Page in the Document toolbar. This allows users to go to one issue at a time by using Next Issue or Previous Issue. There is a direct link to Adobe CSS Advisor, which offers solutions on the chosen problem. To change the default settings mentioned earlier, click the little green arrow in the Results panel and select Settings. Now choose the minimum browser versions to test against.