вот HTML разметка страницы:
<body id="top">
<table border="0" cellpadding="0" cellspacing="0" width="1100px" valign="top">
<tr valign="top">
<!--Левая колонка-->
<td width="240px" valign="top">
<div class="section-left">
<div class="vip-block">
Какой то блок №1
</div>
<div class="vip-block">
Какой то блок №2
</div>
<div class="vip-block">
Какой то блок №3
</div>
<div class="section-title"> Вот это не подвижная часть </div>
<div class="section-content">
<div id="fixed">
Вот эта часть чтобы двигалась доходила либо до <div id="footer"> но желательно чтоб до <div id="dashboard">
</div>
</div>
</div>
</td>
<!--Центральная колонка-->
<td width="580px" id="center-sidebar" valign="top">
Вот здесь находиться основной контент
</td>
<!--Правая колонка-->
<td width="240px" valign="top">
Вот здесь контент правой колонки
</td>
</tr>
</table>
<!--// footer -> //-->
<div class="clearer"> </div>
<div id="dashboard">
вот здесь ка бы идет навигационный блок
</div>
<div id="footer">
Нижняя часть сайта
</div>
</body>
и вот CSS блоков :
/* Dashboard */
#dashboard {
border: 1px solid #E7E7E7;
padding: 14px 16px;
background: #F6F6F6;
margin-top: 20px;
text-align: left;
}
#dashboard a {color: #456; text-decoration: none;}
#dashboard a:hover {color: #000; text-decoration: underline;}
/* Footer */
#footer {padding: 10px 0;}
#footer a {
color: #579;
text-decoration: none;
}
#footer .right, #footer .right a {
color: #999;
text-decoration: none;
}
#footer .text-separator {
padding: 0 3px;
color: #BBB;
}
#footer a:hover {color: #000;}
#fixed {position: absolute}