innerHeight outerHeight innerWidth outerWidth inconsitency

[kucheravy]

This issue can be categorized as a bug or inconsistency. Here is the problem. Let’s say you have a div tag with specified style=”height: 200px; width: 200px;”. Then you add a large text inside let’s say in a pre tag so that you have the vertical and horizontal scroller. Now if you call innerHeight you’ll get the 200, if you call the outerHeight you’ll get the actual height of the whole content which is more than 200. However if you call innerWidth you’ll get the 200 but outerWidth will give you the same 200. The problem seems to go deeper to the browsers clientBlaBla, offsetBlaBla and scrollBlaBla but I didn’t investigate the details. What would you recommend to do? I need a method that will give me the client height and width and the total content height and width. Should I call the browser clientBlaBla and scrollBlaBla methods?

[Rick Waldron]

Please provide a distilled and reduced jsFiddle test case, thanks!

[trac-o-bot]

Automatically closed due to 14 days of inactivity.