title: Extjs 4.2.1 Iframe size issue
body: <p>I am trying render <code>iframe</code> inside a container, but iframe is not getting stretched to full screen.</p>
  <pre><code>var htmlInputs = '&lt;input type=&quot;hidden&quot; name=&quot;amount&quot; value=&quot;100.00&quot;&gt;' +
              '&lt;input type=&quot;hidden&quot; name=&quot;currency&quot; value=&quot;AUD&quot;&gt;';
         {
  html: '&lt;iframe scrolling=&quot;yes&quot; name=&quot;iframe&quot; src=&quot;&quot; style=&quot;overflow:visible; display:block; position:relative; width=100%; height=100%;&quot;  id=&quot;iframe&quot;&gt;&lt;/iframe&gt;' +
                  '&lt;form style=&quot;float:right;display:none;&quot; method=&quot;post&quot; target=&quot;ifrmae&quot; id=&quot;ingenicoForm&quot; name=iframeaction=&quot;https://*********&quot;&gt;' +
                  htmlInputs +
                  '&lt;/form&gt;' ,
              xtype: 'container',
              listeners: {
                  afterrender: function() {
                      var form = Ext.getElementById('iframe');
                      form.submit();
                  }
       
  }
  </code></pre>
  <p>Iframe is getung renders at one corner of the page as in image attached. I want to have this iframe streteched entire screen.</p>
  <p>I have tried many things but still its not working,
  Any help would be appriciated.</p>
  <p><a href="https://i.stack.imgur.com/Zxums.png" rel="nofollow noreferrer">Attached Image</a></p>