TreeView控件 与旁边的格子是用table分开吗

http://bbs.csdn.net/
看以上网址，我也想模仿做一个， 问一下 TreeView控件 与旁边的格子是用table分开吗， 左边跟右边可以拉窄拉宽，
是用什么控件呢，高人指点一下，非常感谢。

解决方案 »

  1.   

    放三个Iframe，中间一个iframe连接到这个页面，代码如下<html>
    <head>
        <title>伸缩条</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <script language="javascript" type="text/javascript">        function switchSysBar() {
                if (parent.document.getElementById('MainFrame').cols == "210,10,*") {
                    document.getElementById('leftbar').style.display = "";
                    parent.document.getElementById('MainFrame').cols = "0,10,*";
                }
                else
                    if (parent.document.getElementById('MainFrame').cols == "0,10,*") {
                        parent.document.getElementById('MainFrame').cols = "210,10,*";
                        document.getElementById('leftbar').style.display = "none"
                    }
            }
            function load() {
                if (parent.document.getElementById('MainFrame').cols == "210,10,*") {
                }
            }    </script>
    </head>
    <body marginwidth="0" marginheight="0" bgcolor="#000000" onLoad="load()" topmargin="0" leftmargin="0">
        <center>
            <table height="100%" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tbody>
                    <tr>
                        <td bgcolor="#009fef" width="1">
                            <img height="1" width="1" src="../../image/ccc.gif" />
                        </td>
                        <td id="leftbar" bgcolor="#f5f4f4" style="display: none;">
                            <a onClick="switchSysBar()" href="javascript:void(0);">
                                <img height="90" border="0" width="9" alt="展开左侧菜单" src="../image/switchRight.gif" />
                            </a>
                        </td>
                        <td id="rightbar" bgcolor="#f5f4f4">
                            <a onClick="switchSysBar()" href="javascript:void(0);">
                                <img height="90" border="0" width="9" alt="隐藏左侧菜单" src="../image/switchLeft.gif" />
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </center>
    </body>
    </html>
      

  2.   

    框架结构实现，注意Target的使用就可以了