How do I check the size of an element on a live web page?

Question

For quality assurance purposes, I need to verify that certain elements are the correct size. How do I check the size of an element on a live web page. For example: size of the side bar, size of an image, etc.

Answer 1

You could inspect the element using Firefox/Firebug or Web Developer plugins and see how big it is.

Answer 2

If you can use firefox then you can inspect the element using firebug and can view the element properties.

Answer 3

• If you want to check sizes within the browser you can try firefox's firebug or web developer extensions.
• If you want to get the dimensions programatically with javascript check mootools or jquery way to do it

Answer 4

or in IE 8 just press f12 and inspect element like firebug