Non è chiaro cosa devi fare, copiando e incollando il tuo codice la visualizzazione del browser non è il massimo.
Usare tabelle per il layout è da evitare, usare altezze in percentuale anche è sconsigliabile per i problemi che si incontrano. Comunque, se vuoi giochicchiarci un po', non so se lo schema che volevi ricostruire era quello, eccoti un esempio

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>titolo</title>

<style type="text/css">

<!--
html, body {
	height: 100%;
	margin:0;
}
#first {
	width: 100%;
	height: 100%;background:pink
}
#one {
	height: 100%;background:yellow
}
#two {
	height: 100%;background:green
}
#three {
	height: 100%;background:white
}

-->

</style>
</head>

<body>


<table id="first" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td width="100%" height="20%" colspan="3"></td>
 </tr> 
 <tr>
  <td width="34%" height="70%">
   <table id="one" width="100%" border="0" cellpadding="0" cellspacing="0">
     <tr>
      <td width="100%"></td>
     </tr>
    </table>
   </td>
  <td width="34%" height="70%">
   <table  id="two" width="100%" border="0" cellpadding="0" cellspacing="0">
     <tr>
      <td width="100%"></td>
     </tr>
    </table>
 </td>
  <td width="34%" height="70%">
   <table id="three" width="100%" border="0" cellpadding="0" cellspacing="0">
     <tr>
      <td width="100%"></td>
     </tr>
    </table>
 </td>
 </tr>
<tr>
  <td width="100%" height="10%" colspan="3">
 </td>
 </tr>
</table>

</body>
</html>