100分求个div复杂的层的脚本，谁帮忙画个，脚本是写在.aspx中的
我有个父页面，弹出个小窗口，这个小窗口结构这样左边：最上面有个table控制伸缩，下面是个TreeView，再下面又是个Table控制伸缩，再下面是个TreeView。
右边：一个GridView。
要求左边通过点击table伸缩和TreeView结点伸缩的时候不会影响到右边，请朋友帮我设计一下，在线等，即结
table GridView
treeNode
childNode
childNode
table
treeNode
childNode
childNode
--------------------编程问答--------------------
你的意思是说左边动的时候右边不动是吧？
按你现在这样，应该不会动呀
--------------------编程问答-------------------- 谁能帮忙画个？我画的嗷嗷难看，而且功能不完全 --------------------编程问答-------------------- 没人来帮忙画一下吗？汗，周六都休息了？ --------------------编程问答-------------------- JF
UP --------------------编程问答-------------------- 我把我那页面脚本发上来
<body>--------------------编程问答-------------------- 这个页面是个小窗口页面，它是通过点击一个页面的button弹出来的，这个页面大小是300*300怎么设计其中的Div????
<form id="form1" runat="server">
<div style="width: 300px; height: 300px">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div id="left" style="width: 220px; height: 250px;">
<div onclick="clickMenu('1')" style="cursor: hand" title="点击伸缩列表">
请选择公司</div>
<div id="1">
<asp:TreeView ID="treeCorps" runat="server">
<Nodes>
<asp:TreeNode Text="分公司" Value="分公司" Expanded="false"></asp:TreeNode>
</Nodes>
</asp:TreeView>
</div>
<div onclick="clickMenu('2')" style="cursor: hand" title="点击伸缩列表">
请选择部门</div>
<div id="2">
<asp:TreeView ID="treeDepart" runat="server">
<Nodes>
<asp:TreeNode Text="部门" Value="部门" Expanded="false"></asp:TreeNode>
</Nodes>
</asp:TreeView>
</div>
<div>
人员查询</div>
</div>
<div id="right" style="width: 80px; height: 250px;">
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField SortExpression="UserName">
<ItemTemplate>
<a href="#" onclick="SelectLineName(<%#Eval("ID") %>,'<%#Eval("UserName") %>')">
<%#Eval("UserName") %>
</a>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
补充：.NET技术 , ASP.NET
