title: How to show footer in every page when printing an HTML Page
body: <p>I am trying to create an html page which will be used for printing data using browser. I need to include a footer with it which will show up in every page at the bottom when printed and I have developed the following code for implementing this.</p>
  
  <p>The following code is working fine, but the problem is when my contents inside the div  <code>content</code> gets long enough to make users scroll down the page, that time if I go to the print option of Google Chrome and see the print preview,  I can see the footer shows up in the first page, but not in the rest of the pages. But this same code works in firefox and the footer shows up in all the printed pages(and even shows up in the print preview).</p>
  
  <p>Could you please help me to show up the footer in every pages when printed using Google chrome?</p>
  
  <p>Thanks :)</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;  
  
   &lt;style type="text/css"&gt;
   html {margin:0;padding:0;border:0; overflow-y: scroll;}
   body { font-size:75%;color:#222; font-family: Geneva, Arial, Helvetica, sans-serif;}
   #container {margin:0 auto; height:100%; }
   #content{}
   #footer {position: fixed ; left: 0px; bottom: 0px; right: 0px; font-size:10px; }
   &lt;/style&gt;
  
   &lt;/head&gt;
  
  &lt;body&gt;
   &lt;div id="container"&gt;
      &lt;div id="content"&gt;
         My Contents
      &lt;/div&gt;
  
     &lt;div id="footer"&gt;This is my Footer&lt;/div&gt;
  
   &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>