关于CSS:HEIGHT 与 css frame问题，达人赐教～～

问题1：
组件1：<div id=b>左侧导航条</div>，组建2：<div id=c>中间主要区域</div>
中间主要区域会因为内容的多少自动调整高度，而如何才能让id=b的区域的高度也随id=c的变化呢？我的具体做法如下：可是height没有接到值！
<html>
<head>
<SCRIPT language=JavaScript>
function get_height(){
var height1=document.getElementById("c").offsetHeight;
//document.write(height1);
return height1;
//return;
}
</SCRIPT>
</head><style>
.sequence {
background-color: #F4F2DC;
float: left;
position: relative;
}.sequence1 {
background-color: #000000;
float: left;
position: relative;
width: 470px;
height: 1700px;
}
</style>
<form name="a">
<div class="sequence" id="b" style="height:get_height()">达人啊让我也能跟中间对齐吧！<br><br></div>
<div class="sequence1" id="c">
black<br></div>
</form>
</html>问题2：
组件1：<div id=b>左侧导航条</div>，组件2：<div id=c>中间主要区域</div>，组件3：<div id=d>中间主要区域（内容与组件2不同）
如果在左侧点击导航条，右侧主要区域变成组件3，而其他区域不刷新，请问CSS布局的页面有什么方法可以这样做呢，之前有人提过说FRAME+CSS那具体有没有个例子啊，本人菜鸟一个，最近看了下AJAX，觉得这个问题是不是跟它比较一样啊。