How to zoom IFRAME content only without using a frame set?

Posted by Baskaran on Stack Overflow See other posts from Stack Overflow or by Baskaran
Published on 2011-08-26T09:58:19Z Indexed on 2012/09/29 9:38 UTC
Read the original article Hit count: 210

Filed under:
|
|

I need to zoom frame content only. Here in my web page I used zoom: 0.75; height: 520px; width: 800px;. If I increase the zoom value it means that the frame size will be increased.

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 <STYLE>

#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame { zoom: 0.75; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; }
</STYLE>
 </HEAD>

 <BODY>

  <IFRAME id="frame" src="http://www.google.com"></IFRAME> 

  </BODY>

</HTML>

In the above sample HTML page I want to zoom the content of the IFRAME without changing the size of that IFRAME.

© Stack Overflow or respective owner

Related posts about html

Related posts about firefox