title: How can I make sure that the footer will always be on the bottom of the last page when printing out?
body: <p>I am new to web designing, I have searched for an answer and tried almost everything I could find but couldn't get what I want. Ok, I know there are many solutions for sticking a footer to the bottom of the page in a browser. But my question is not about how the footer looks like in the browser, but in the print out. My layout is something like this:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
    &lt;div id="content"&gt;
       &lt;table&gt;
         more divs... more content...
       &lt;/table&gt;
        &lt;table&gt;
          more divs... more content...
       &lt;/table&gt;
       ....
    &lt;/div&gt;
    &lt;footer&gt;
       &lt;table&gt;
        ....
       &lt;/table&gt;
    &lt;/footer&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And please notice my content is dynamic, it can be long or short based on user input. In browser I dont have any problems, the footer is at the bottom of the content. But in print outs I want this footer to be at the bottom of the last page (and I want this to work mainly only in IE browsers. IE 7, 8 and 9). So if the content is long, and it goes to 3 print out pages, the footer should appear only on the bottom of the last page. Please tell me how I can get this done? Most online solutions like sticky footer just dont work in the print out when the content is long...They stick to the bottom of the content in the print out as you can see in print previews. I will really appreciate any help. Simple css solutions are better, but if nothing else works out I am ready to try js, PHP as well even though I am a beginner. </p>