On 5/15/2006 11:22 AM, Mark D Hiatt wrote: > How do you go about debugging a CSS? > > Are there any tricks you've picked up over the last several months or > years that seem to help you when what you meant isn't quite what you're > seeing?
This has probably been mentioned on this list a number of times, but the Web Developer extension [1] for Firefox is invaluable for debugging CSS. Specifically, I use the the View Style Information, Edit CSS, and Outline functions. Editing CSS 'on the fly' saves a number of unnecessary keystrokes as you tweak your CSS. View Style Information will show you all the style declarations that are being applied to the selected element, and in which file each selector is located. Outline shows you how your layout is formed, without forcing you to manually add borders to elements (as you described). The DOM Inspector (included with Firefox) is also useful for viewing 'computed style'--the computed result of all styles that are applied to an element. Best, Brett [1] http://chrispederick.com/work/webdeveloper/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
