title: using media queries @print isnt previewing the whole page
body: <p>on my webpage i have table that is very lengthy in data.</p>
  
  <p>Like this.</p>
  
  <pre><code>--------------------------------------------------
  Column 1   |    Column 2   | Column 3  | Clumn 4  |
  ---------------------------------------------------
    data 1   |    data 2     |  data 3   | data 4   |
  ---------------------------------------------------
  </code></pre>
  
  <p>I'm using media queries for smaller devices so that it goes like this:</p>
  
  <p>Column 1: data 1<br>
  Column 2: data 2<br>
  Column 3: data 3<br>
  Column 4: data 4<br></p>
  
  <p>Thing is, there is huge amounts of data on this one webpage. Im using <code>@media print</code> in a new style sheet for printing.</p>
  
  <p>The problem is though that its only showing about 3 pages, and I can see there are plenty more data that needs to be shown. I know the link to the sheet is working because its still doing the other styles like font color etc. Also, there is a border around my page. In the print preview, the border is not closed off. So I know there is more to show.</p>
  
  <p>I've also done <code>body, html {width: 100; height: 100%; display: block;}</code> and its made no difference.</p>
  
  <p>Does someone have any suggestions? Thanks.</p>
  
  <pre><code>@media print { 
  /*Generic styling */
  
  body, html{
      width:100%;
      height: 100%;
      display: block;
  }
  </code></pre>