Getting the width/height of the entire browser in IE?

Question

Does anybody here know what the Javascript call is to get the width/height of the entire browser window (including nav, menu, etc?)

I know there is outerWidth, outerHeight in FF, Safari and other browsers.

Answer 1

I believe this is what you want

document.body.offsetWidth
document.body.offsetHeight

Answer 2

I think you can use

width: window.outerWidth
height: window.outerHeight

you can use jquery so it wont be undefined in ie. You might try and figure out there screen size first and then using the dimensions of the browser figure out the precise size.

doc: http://docs.jquery.com/Plugins/dimensions/outerHeight

Answer 3

This also could be helpful, depending on what exactly you're trying to accomplish:

window.moveTo(0,0); window.resizeTo(screen.width,screen.height); var navButtonsEtcHeight = screen.height - window.innerHeight; var navButtonsEtcWidth = screen.width - window.innerWidth;

Note: For browser-independent solution to "window.innerHeight" support, see this link

Then you have the answer you're looking for -- mind you, with the downside of the non-fullscreen user seeing their window bounce around the screen first.

Answer 4

I don't think it is possible.

It might be worth reviewing Chapter 14 of O'Reilly's: JavaScript - The Definitive Guide, particularly section 14.3.1.