title: two iframe's in one page, the 2nd iframe to auto height
body: <p>I am trying to achieve auto resizing of the 2nd iframe in this code,</p>
  
  <p>Any help would be appreciated.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>* {
      margin: 0;
      padding: 0
  }
  html, body {
      height: 100%;
      width: 100%;
      overflow: hidden
  }
  table {
      width: 100%;
      table-layout: static;
      border-collapse: collapse
  }
  iframe {
      width: 100%
  }
  .header {
      border-bottom: 1px solid #000
  }
  .content {
      height: 100%
  }
  </code></pre>
  
  <p><strong>HTML</strong> </p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td class="header"&gt;&lt;div&gt;&lt;h1&gt;Header&lt;/h1&gt;&lt;/div&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="content"&gt;&lt;iframe name="iFrame1" height="85" src="Materials AU Stocked Header.htm" scrolling="no" frameborder="1"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="content"&gt;&lt;iframe name="iFrame2" height="100%" src="Materials AU Stocked.htm" scrolling="yes" frameborder="1"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>