Resize a web page in Internet Explorer using the zoom css property

Question

I'm trying to scale my webpage that I made on a 1680 x 1050 monitor to fit the 800 x 600 monitor. I set the / css style to "zoom: .7", which works fine except that the scroll bar is displayed. When I use the tools of the developer of Internet Explorer, I check all the elements and there are no elements that fill the page. However, when I check, there is a blue frame around the entire window. I even tried setting the width, but it doesn't work.

Any suggestions?

Answer 1

A simple solution to get rid of scrollbars would be to use

overflow: hidden; 

to an element with the zoom property. Since you don't know which element is overflowing, you might need to try other elements, such as wrappers, to see if one of them works. If that doesn't work: I'm intrigued by the blue border that you are describing. Things don't get mad ... so maybe you could post some code if overflow doesn't.