title: How can I set a fixed height for my entire webpage?
body: <p>I thought this was a simple fix:</p>
  
  <pre><code>body
  {
      height: 1054px;
  }
  
  html
  {
      height: 1054px;
  }
  </code></pre>
  
  <p>Wouldn't this set the max height of the page to <code>1054px</code>? I have also tried these workarounds but they didn't work with what I wanted:</p>
  
  <pre><code>html
  {
     overflow: hidden;
  }
  
  &lt;body&gt;&lt;table id = "myTable"&gt;&lt;tr&gt;&lt;td&gt; ..... &lt;/tr&gt;&lt;/td&gt;&lt;/body&gt;
  
  #myTable
  {
      height: 100%;
  } 
  </code></pre>
  
  <p>How do I set an absolute height for a webpage? Also I am more interested in why the <code>body</code> and <code>html</code> <code>height</code> calls wouldn't work. I do a lot of <code>position: relative</code> calls, would that have an effect on it?</p>