Just to make sure everyone understands what I am asking for, I will run through what I believe are the basic distinctions between document, window, and viewport….
WINDOW is the entire browser window, including all nav bars, etc….
VIEWPORT is the portion of the window used to view the current XHTML/HTML/Flash document…
DOCUMENT is the actual content area, akin to the body but includes ALL of the page’s content. Only a portion of it is visible at any one time in the VIEWPORT (unless the page is the same size or smaller than the viewport).
Now, there are many great answers for how to get the VIEWPORT dimensions. I am already well versed in that… cross-browser and all.
What I really need to know is a simple, cross-browser solution that will give me the dimensions of the actual DOCUMENT in all browsers (no versions older than 3 years).
I thought I found a great solution here once… long ago… but now I cannot find it.
Anyone? Thanks for the read and hopefully someone can help.
P.S. Did I mention I DO NOT want solutions for calculating the VIEWPORT? OR THE WINDOW?
UPDATE: this solution MUST work in Opera 10.x, FireFox 3.6.x, IE 7/8/x, Flock 2.x, Safari 4.x… None of the answers below work in all browsers….
So, if you have not tested it in all, please do not respond to the question.
Sorry, but none of these answers were what I was looking for. In the end, I decided to just stick with document.body.getWidth() and document.body.getHeight() in Prototype.