table#content{
min-height: 500px;
width: 100%;
padding-bottom:80px;
height: 100%;
}
html,body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
table{
height: 100%;
width: 100%;
}
.center{
height: 100%;
}
</style>
</head>
<body>
<table border="1">
<tr><td>HEADER</td></tr>
<tr><td class="center">CENTER</td></tr>
<tr><td>FOOTER</td></tr>
</table>
</body>
</html>