Smapel Printing css view footer in normal page no view

Smapel Printing css view footer in page no view


 
  <style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
    max-width: 945px;
   background-color:#FFFFFF;
   color: black;
   text-align: center;
}

@media print {
    .hideOnprint {
        display: none;
    }
    .hideOnScreen {
        display: block;
    }
}
@media screen {
    .footer {
        display: block;
    }
    .footer {
        display: none;
    }
}


</style>

<div class="footer"> 
 
          <table width="100%" border="0" align="right">
            <tr>
              <td width="29%" height="52">&nbsp;</td>
              <td width="56%">&nbsp;</td>
              <td width="15%">&nbsp;</td>
            </tr>
            <tr>
              <td><div align="center">Master File&amp;Training Dept Head </div></td>
              <td>&nbsp;</td>
              <td><strong>Supplier:</strong></td>
            </tr>
            <tr>
              <td><div align="center"><strong>MOHAMED RIADH BEN CHEIKH</strong></div></td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td height="52"><div align="center">Sign:</div></td>
              <td>&nbsp;</td>
              <td>Sign:</td>
            </tr>
          </table>
       
 
  </div>