I have a webpage with a header of fixed size, then the content of the page, and then a footer with a fixed size. I would also like the table that I'm using to be at least as high as the browser, so that when the table is actually smaller than the height of the browser, it still makes the footer stick to the bottom.
Everything worked fine in (normal) HTML, but when I tried to convert to xhtml I found that I cannot determine the height of the cells, so that the header and footer cells have a fixed size and the content cell has a variable height. This is what I have so far:
This does make the table stick to the sides, but the top and bottom cells are not the height I specified them to be, which makes the whole page look odd.
How do I fix this?
Everything worked fine in (normal) HTML, but when I tried to convert to xhtml I found that I cannot determine the height of the cells, so that the header and footer cells have a fixed size and the content cell has a variable height. This is what I have so far:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="height:100%;">
<head>
<title>test</title>
</head>
<body style="margins:0px;height:100%;">
<table border="1" style="width:100%;height:100%;">
<tr><td style="height:100px;"> </td></tr>
<tr><td> </td></tr>
<tr><td style="height:100px;"> </td></tr>
</table>
</body>
</html>This does make the table stick to the sides, but the top and bottom cells are not the height I specified them to be, which makes the whole page look odd.
How do I fix this?
