Need to keep the footer at the bottom of the all pages
HI,
Am using the below code to keep header and footer in all the pages.This is working fine for all the pages except the last page.In the last page if the content is getting finished in the middle of the page then footer is coming just after that.here I need to keep the footer at the bottom of the page.
Please let me know hot to get the requirement.
My code :
----------
<html>
<head>
<style type="text/css">
@media print {
thead {display: table-header-group;}
tfoot {display: table-footer-group;}
}
</style>
<title>ESW - XXXXXXXXXXXX</title>
</head>
<table border=0 align="center" width="100%">
<thead>
<tr>
<th width=100%>THIS IS THE header </td></tr>
</thead>
<tfoot>
<tr>
<td width=100%>THIS IS THE footer</td></tr>
</tfoot>
<tbody>
<tr>
<td width="100%">THIS IS THE BODY WHERE EVERYTHING ELSE GOESWHERE EVERYTHING ELSE GOES</td>
</tr>
<tr>
<td>
<body>
<table>
<tr>
<td align="center"><p>Hi how are you</p></td>
</tr>
</table>
</body>
</td>
</tr>
</tbody>
</table>
</html>
Bookmarks