Что значит
"+ чтобы верх притягивался к самому верху а низ к самому низу" ? Какой низ?
Вот тебе всё "притягивается" к верху в зависимости от содержания основного блока
<table height="100%" width="100%" cellpadding=0 cellspacing=0 border=1>
<tr>
<td width=250 valign="top">
<table bgcolor="blue" height="10%" width="100%" cellpadding=0 cellspacing=0 border=1>
<tr>
<td valign="top">Верхняя часть</td>
</tr>
</table>
<table bgcolor="red" height="80%" width="100%" cellpadding=0 cellspacing=0 border=1>
<tr>
<td valign="top">Меню
</td>
</tr>
</table>
<table bgcolor="green" height="10%" width="100%" cellpadding=0 cellspacing=0 border=1>
<tr>
<td valign="top">Нижняя часть</td>
</tr>
</table>
</td>
<td>
<table height="100%" width="100%" cellpadding=0 cellspacing=0 border=1>
<tr>
<td
valign="top">fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghf
ghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfg
h
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh<br
>fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fgh
fghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghf
gh
fghfghfgh
fghfghfgh
fghfghfgh
fghfghfgh
</td>
</tr>
</table>
</td>
</tr>
</table>