title: How to extend a div to fill the whole template page(PDF) In NetSuite?
body: <p>There are one header and one footer in a FreeMarker template page.</p>
  
  <p>I want to insert a div between the header and the footer.</p>
  
  <p>And the div must extend to the footer.</p>
  
  <p>The code is as follows:</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd"&gt;
  &lt;pdf&gt;
      &lt;head&gt;
          &lt;macrolist&gt;
               &lt;macro id="nlheader"&gt;
                   &lt;table style="width: 100%; font-size: 10pt; position:fixed"&gt;
               &lt;/macro&gt;
               &lt;macro id="nlfooter"&gt;
                  &lt;table class="footer" style="width: 100% ;position:fixed"&gt;
               &lt;/macro&gt;
          &lt;/macrolist&gt;
      &lt;/head&gt;
      &lt;body header="nlheader" header-height="10%" footer="nlfooter" footer-height="65pt" padding="0.5in 0.5in 0.5in 0.5in" size="Letter"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;Here is a table&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;
                 &lt;div id="extend_div"&gt;&lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/body&gt;
  &lt;/pdf&gt;
  </code></pre>
  
  <p>The height of HTML tag seems invalid in FreeMarker templates. </p>
  
  <p>And I want to use JavaScript to detect the height of tables, but it seems also invalid.</p>
  
  <p>How to configure the div to make it extend to the footer?</p>