title: iframe size on iPad
body: <p>I have an HTML file as follows;</p>
  
  <pre><code>&lt;table height="100%" cellspacing="0" cellpadding="0" border="0" width="646" class="data border"&gt;
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td valign="top" class="noPad"&gt;
                      &lt;iframe height="100%" frameborder="0" width="100%" scrolling="no" name="studentFrame" src="delete2.html"&gt;&lt;/iframe&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The iframe page delete2.html has a table of width = 846 i.e. it is more than the containing td width</p>
  
  <p>So this only shows around 646 width of the iframe content on page load and rest scrolls..</p>
  
  <p>But on the iPad, the complete 846px of iframe content gets displayed and it kind of appears to flow outside the table width..so it appears broken..</p>
  
  <p>How can I fix this issue?</p>