Question

129

clientHeight/clientWidth returning different values on different browsers

rated 0 times [ 130] [ 1] / answers: 1 / hits: 130895 / 15 Years ago, thu, may 7, 2009, 12:00:00

Properties document.body.clientHeight and document.body.clientWidth return different values on IE7, IE8 and Firefox:

IE 8:

document.body.clientHeight : 704 

document.body.clientWidth  : 1148

IE 7:

document.body.clientHeight : 704 

document.body.clientWidth  : 1132

FireFox:

document.body.clientHeight : 620 

document.body.clientWidth  : 1152

Why does this discrepancy exist?

Are there any equivalent properties that are consistent across different browsers (IE8, IE7, Firefox) without using jQuery?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sherryd

Add To Favorites

Follow

Total Points: 254

Total Questions: 92

Total Answers: 89

Location: Equatorial Guinea

Member since Sun, Feb 14, 2021

3 Years ago

sherryd questions

1 How to change 'Sec-Fetch-Dest' , 'Sec-Fetch-Mode' , 'Sec-Fetch-Site' and 'Sec-Fetch-User' value with Axios?

Sat, Feb 26, 22, 00:00, 2 Years ago

1 Accessing a getter from a parameterized getter

Sun, Feb 6, 22, 00:00, 2 Years ago

1 Material ui - change the height of the Accordion

Wed, Jul 7, 21, 00:00, 3 Years ago

1 Typescript: derive union type from array of objects

Mon, Mar 2, 20, 00:00, 4 Years ago

1 what is th proper way to refresh a full page on SAPUI5 (ESLINT:(sap-no-location-reload))?

Wed, Feb 5, 20, 00:00, 4 Years ago

View All

answered 15 Years ago billtreytonb · Accepted Answer

This has to do with the browser's box model. Use something like jQuery or another JavaScript abstraction library to normalize the DOM model.