【求助】在网页布局总想用JS来调节一下

在网页中定义了3个div（上面的是header、下面两个是navigation和main_content），想让下面的两个并列排在一起，这个根据浮动、定位什么的已经实现。目前的问题是想通过JS来获得navigation和main_content的高度，判断两者哪个的高度更大，navigation的高度是哪个，而且navigation的高度有个最小限制。

我也过一段JS的代码，但是由于学艺不精，怎么调试都没有效果

<script type="text/javascript">
window.onload=function () {
function setheight() {
var sidebar=document.getElementById('navigation');
var maincontent=document.getElementById('main_content');
//sidebar.style.height=document.documentElement.clientHeight-190+'px';
if(sidebar.style.height>maincontent.style.height){
maincontent.style.height=sidebar.style.height+'px';}
if(maincontent.type.height>sidebar.style.height){
sidebar.style.height=maincontent.style.height+'px';}
}
setheight();
onresize=setheight;
}
</script>