Hi All.
Im trying to get my table to strech the full height of the page, which I have done successfully.
BUT... I can not seem to get the cells within the table to conform to their height attributes.
It appears that the middle cell which I hope to be the body of the page will not accept the height="*" attribute.
Is this not accepted?
If I use 100%, It pushes the tables height beyond the page as the other cells have fixed height values.
What is the correct way to do this?
What I want is a table spanning the whole page width and height with three rows, the first is to be say 100px high, the footer is to be say 50px high and the middle cell it to take up the rest.
Any help would be greatly appreciated.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>ASW Home</title>
<style type="text/css">
body{color:#000; background-color: #fff;}
table{
border-width: 0;
}
html, body{
height:100%;
margin: 0;
padding: 0;
}
.FullHeight{
height:100%;
margin: 0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table class="FullHeight" width="100%" border="1">
<tr valign="top">
<td height="100px">
Header
</td>
</tr>
<tr valign="top">
<td height="*">
Body
</td>
</tr>
<tr valign="top">
<td height="50px">
Footer
</td>
</tr>
</table>
</form>
</body>
</html>
======================================
They say, best men are molded out of faults,
And, for the most, become much more the better
For being a little bad.
======================================
Cell Height not behaving nicely
