title: Scale iframe Contents in IE 7 + 8
body: <p>I am trying to scale the contents of an iframe in all browsers including IE >= 7 but it doesnt work below 9.</p>
  
  <p>I modified the code from this post for the dimensions I think I need and want to put a standard 960px wide page inside of it.
  <a href="https://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe">How can I scale the content of an iframe?</a></p>
  
  <p><a href="http://www.carsonfarmer.com/2012/08/cross-browser-iframe-scaling/" rel="nofollow noreferrer">http://www.carsonfarmer.com/2012/08/cross-browser-iframe-scaling/</a></p>
  
  <pre class="lang-css prettyprint-override"><code>        #wrap {
              width: 410px;
              height: 426px;
              padding: 0;
              overflow: hidden;
              border:1px solid #ccc;
              box-shadow: 0px 0px 3px #333;
          }
          #frame {
              -ms-zoom: 0.5;
              -ms-transform-origin: 0 0;
              -moz-transform: scale(0.5);
              -moz-transform-origin: 0px 50px;
              -o-transform: scale(0.5);
              -o-transform-origin: 0px 50px;
              -webkit-transform: scale(0.5);
              -webkit-transform-origin: 0 0;
          }
          #frame {
              width: 950px;
              height: 1000px;
              border: 0;
              overflow: hidden;
          }
  </code></pre>
  
  <p>In IE 8 the content is too small for the container and I get some scrollbars.
  In IE 7 the content is not scaled.</p>
  
  <p><a href="http://jsfiddle.net/t2GPm/" rel="nofollow noreferrer">http://jsfiddle.net/t2GPm/</a></p>