Debugging divs and the box model

Question

Is there a browser plug-in I can use to help me determine why my tags and css styles don't render the way I expect them to?

It would be really great if I could browse to my test page, and activate a plug in that would show me the dimensions and location of each div box.

Answer 1

Have a look at excellent firefox addon:

FireBug

Answer 2

If you are using Google Chrome, the built-in developer tools are very good. Just right-click on the part of your page you would like to debug and choose "Inspect Element" and the developer tool pane will appear with the selected part of the page highlighted.

Answer 3

Hy

use firebig its very simple and also good..............

Thanks

Ptiwari