If you have 3 tables 1 after another all set to 100% witdh how can you keep the 3rd table at the bottom of the window at all times... Here is the code...
<html>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Top</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td>Middle</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Bottom</td>
</tr>
</table>
</body>
</html>
I try setting the middle table to 100% and it always goes past the bottom of the window.. if i change it to a smaller percentage it will be at the windows bottom edge but only at a certain window size.. I also tried doing an onResize event to change the height of the middle table, but for some reason you cant use javascript to change a tables height. Is this like impossible to do or am i missing something simple?
<html>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Top</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td>Middle</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Bottom</td>
</tr>
</table>
</body>
</html>
I try setting the middle table to 100% and it always goes past the bottom of the window.. if i change it to a smaller percentage it will be at the windows bottom edge but only at a certain window size.. I also tried doing an onResize event to change the height of the middle table, but for some reason you cant use javascript to change a tables height. Is this like impossible to do or am i missing something simple?