ok, I'm not one to use validators simply because I think they're not
worth the headache. If my designs look good in all browsers, the code is
irrelevant to me.
With that said, I think you actually doing the right thing, but missing one
piece. Add a margin tag set for the page properties like this, and it will
remove that padding about the outer table. Then you can adjust from
there. This will give you an adjustable, free-flowing 100% height:
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td> <table width="100%" cellpadding="0" cellspacing="0" border="0">
//table 1 code </table></td>
</tr>
<tr>
<td> <table cellpadding="0" cellspacing="0" border="0">
//table 2 code </table></td>
</tr>
<tr>
<td> <table cellpadding="0" cellspacing="0" border="0">
//table 3 code </table></td>
</tr>
</table>
- <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
- <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
- <tr>
- <td> <table width="100%" cellpadding="0" cellspacing="0" border="0">
- //table 1 code </table></td>
- </tr>
- <tr>
- <td> <table cellpadding="0" cellspacing="0" border="0">
- //table 2 code </table></td>
- </tr>
- <tr>
- <td> <table cellpadding="0" cellspacing="0" border="0">
- //table 3 code </table></td>
- </tr>
- </table>
UNFLUX.FOTO