Tutorial created by Ray Borduin, WebAssist
Categories: Design Extender, Free Tools, CSS, Dreamweaver
Getting the design in your cascading style sheets (CSS) to display perfectly in all browsers can be a cumbersome and confusing process. Older browsers, such as Internet Explorer 6, struggle to display certain CSS properties correctly. In this tutorial, you will learn how to troubleshoot the most common issues reported regarding cross-browser compatibility and CSS Sculptor layouts.
Before you learn the method of commenting out CSS selectors to identify cross-browser compatibility design issues, review these basic style sheet tips regarding Height, Font Size / Line Height, Padding, and Borders.
Now you will learn how to troubleshoot cross-browser compatibility conflict in your CSS design by narrowing down the source using the Apply Comment and Remove Comment options.
Comments will be sent to the author of this tutorial and may not be answered immediately. For general help from WebAssist, please visit technical support.
Sign in to add commentsYour friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.
Mike Perry: 10 Years, 3 Months, 2 Weeks, 4 Days, 7 Hours, 17 Minutes ago
If there are a large number of styles applied to an element it may be faster to comment half of them out, then the other half, and work from there, rather than just starting at the top and working down one at a time.
Mike
kevin@klmgraphics.com: 10 Years, 3 Months, 2 Weeks, 4 Days, 2 Hours, 46 Minutes ago
I find using Firebug is much faster than commenting out, saving and then testing. I would rather see the changes on the fly and then know exactly what I need to change and make it a one time save.