How Do You Debug HTML And CSS Problems In Firefox?
When designing web pages, it is often difficult to figure out why they are not displaying as you’d expect them to. HTML and CSS problems can be difficult to troubleshoot but there is an add-on for Firefox called Firebug that can help you immensely. This article will show you how to use Firebug to debug HTML and CSS problems in Firefox. Not all of the functionality is covered here, but it should be enough to get you started. Install the Firebug add-on for Firefox. There is a link to it below in the resources section. To follow along with this article, open Firefox and navigate to http://www.codinghorror.com/blog/. I chose this site as an example because it has a simple layout with some basic CSS styling. Open Firebug by going to the Tools menu, then Firebug and Open Firebug. You should see Firebug appear in the lower portion of your screen. Navigate the HTML DOM by using the window in the lower left corner of the browser. Notice that as you click on items in the tree, the full path to t
