CODEWITHSUNDEEP
htmlcssprintingfooter
Moussa
Moussa

Reputation: 71

Set Footer Only On Last Page - HTML CSS

I want to Set the footer only on last page for printing , i need the footer just to appear on the last page,

here is my code 

     <style> 
          @media print {   #content:after {
            display: block;
            content: "";
            margin-bottom: 594mm; 
             } 
           }  
        </style>
        <table>   
          <thead>
            <tr>
              <th>PAGE HEADER</th>
            </tr>   </thead>   <tfoot>
            <tr>
              <td>PAGE FOOTER</td>
            </tr>   </tfoot>   <tbody>
            <tr>        
            <td id="content">           

    Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>             Content</br> Content</br>  Content</br>Content</br>         
</td>
    </tr>   
     </tbody> 
</table>

Upvotes: 0

Views: 1342

Answers (0)

Related Questions