How can I scale the content of an iframe (in my example it is an HTML page, and is not a popup) in a page of my web site?
For example, I want to display the content
For those of you having trouble getting this to work in IE, it is helpful to use -ms-zoom
as suggested below and use the zoom function on the #wrap
div, not the iframe
id. In my experience, with the zoom
function trying to scale the iframe div of #frame
, it would scale the iframe size and not the content within it (which is what you're going for).
Looks like this. Works for me on IE8, Chrome and FF.
#wrap {
overflow: hidden;
position: relative;
width:800px;
height:850px;
-ms-zoom: 0.75;
}