После того как взглянул в справочнике понял в чем проблема. Короче все теперь работает как надо. Ниже привожу рабочий пример - может кому либо понравится эта идея и применит ее.
Код HTML:
<html><head>
<title></title>
</head>
<body>
<table border="1" height="50%" width="500">
<tr>
<td width="70%">
<table height="100%" id="myPage">
<tr><td>
LEFT
</td></tr></table>
</td>
<td width="30%">
<table height="100%">
<tr><td>
<div ID="myColumn">
RIGHT
</div>
</td>
</tr></table>
</td>
</tr>
</table>
<script>
aaa = (document.getElementById('myPage').offsetHeight);
document.getElementById('myColumn').innerHTML="Height of page is"+""+aaa+"";
//document.getElementById('myColumn').innerHTML="Height of page is";
</script><input onclick=document.getElementById("myColumn").innerHTML=""+aaa+"" type="button" value="Give me size of height of LEFT column" name="B1">
</body></html>
Спасибо Kidskilla что подтолкнул к новой идее что и решило проблему. Немного глупо (как бы сам с собой разговариваю в этом топике). Кажется что никто не заинтересован...