Cross-browser Outer Window size?
Hi, this is my first post, so please excuse if it's in the wrong area etc.
What I'm trying to do is create a re-sizable 'sized' window to display images on a 'canvas' that has a designated aspect ratio (eg:640 x 480), and provide the user with 'enlarge' and 'reduce' facilities which can do a 'window.resize' while retaining the 'canvas' aspect ratio (Note, NOT the window aspect ratio).
The problem is of course, that to resize and keep the 'CANVAS' aspect ratio means resizing the actual WINDOW to a different ratio each time, because unlike the canvas, the window has elements with thicknesses that CANNOT be resized in proportion (Title bar and side fames etc).
This wouldn't be much of a problem if I were able to obtain the windows outer dimensions, cos then I'd be able to subtract the canvas from the window to obtain the fixed window 'frame', work out the resized canvas proportions to the correct aspect ratio, then add back on the window 'frame' values, and resize the window to that.
Window.outerheight/width would have been ideal for getting the windows outer dimensions if it was cross-browser, but it isn't, so...
How can I find out the windows outer dimensions?
(The page is mainly javascript, but with some PHP as well).