高度自适应问题

fu_bo

1. <div class="mini-splitter" allowResize="true" handlerSize="2" style="width: 100%; height: 100%;">
   
2.                                         <div size="33%">
   
3.                                                 <div style="width: 100%; height: 25%;">
   
4.                                                         <fieldset style="width: 95%; height: 100%; border: solid 1px #aaa; position: relative; margin: auto;">
   
5.                                                                 <legend><spring:message code="ptn.basic.info"/></legend>
   
6.                                                                 <table align="center" style="border-collapse: separate; border-spacing: 10px 6px;">
   
7.                                                                         <tr>
   
8.                                                                                 <td><spring:message code="ptn.totalTunnel.create.name"/></td>
   
9.                                                                                 <td><input class="mini-textbox" id="trailName" name="trailName" required="true" style="width: 200px;" /></td>
   
10.                                                                                 <td><div id="isNaming" class="mini-checkbox" readOnly="false" text="<spring:message code="ptn.totalTunnel.auto"/>" checked="true" onvaluechanged="onNamingValueChanged"></div></td>
    
11.                                                                         </tr>
    
12.                                                                         <tr>
    
13.                                                                                 <td><spring:message code="ptn.totalTunnel.create.type"/></td>
    
14.                                                                                 <td><input class="mini-combobox" id="tunnelType" name="tunnelType" textField="text" valueField="value" value="0"
    
15.                                                                                         style="width: 200px;" required="true" /></td>
    
16.                                                                         </tr>
    
17.                                                                         <tr>
    
18.                                                                                 <td><spring:message code="ptn.tunnel.direction"/></td>
    
19.                                                                                 <td><input class="mini-combobox" id="direction" name="direction" value="0" textField="text" valueField="value" data="[{value:0,text:'<spring:message code="double.direction"/>'}]" style="width: 200px;" /></td>
    
20.                                                                         </tr>
    
21.                                                                         <tr style="display: none">
    
22.                                                                                 <td><div class="mini-checkbox" id="overLayBoolean" name="overLayBoolean" text="VLANID"></div></td>
    
23.                                                                                 <td colspan="3"><input class="mini-spinner" id="vlanId" name="vlanId" minValue="1" maxValue="4094" enabled="false" style="width: 100%;" /></td>
    
24.                                                                         </tr>
    
25.                                                                         <tr style="display: none">
    
26.                                                                         <td>是否带恢复</td>
    
27.                                                                                 <td><input class="mini-combobox" id="isRecovery" name="isRecovery" textField="text" valueField="value" value="0" onvaluechanged="onIsRecoveryChange"
    
28.                                                                                         style="width: 100px;" required="true"  data="[{value:0,text:'不带恢复'},{value:1,text:'带恢复'}]"/></td>
    
29.                                                                                
    
30.                                                                                 <td style="display: none"><spring:message code="ptn.totalTunnel.oamEnable"/></td>
    
31.                                                                                 <td style="display: none"><input class="mini-combobox" id="oamEnable" name="oamEnable" textField="text" valueField="value" data="[{value:1,text:'<spring:message code="ptn.enable"/>'}]" showNullItem="true" style="width: 100px;" /></td>
    
32.                                                                         </tr>
    
33.                                                                         <tr>
    
34.                                                                                 <td ><spring:message code="ptn.tunnel.enablFlag"/></td>
    
35.                                                                                 <td><input class="mini-combobox" id="enableFlag" name="enableFlag" value="1" textField="text" valueField="value" data="[{value:1,text:'<spring:message code="ptn.activate"/>'},{value:0,text:'<spring:message code="ptn.inactivate"/>'}]" style="width: 200px;" /></td>
    
36.                                                                         </tr>
    
37.                                                                         <tr>
    
38.                                                                                 <td><spring:message code="ptn.tunnel.overlay.mode"/></td>
    
39.                                                                                 <td><input class="mini-combobox" id="workLsp.ssdxOverlayMode" name="workLsp.ssdxOverlayMode" enabled="false" textField="text" valueField="value" value="1" data="[{value:0,text:'<spring:message code="ptn.disable"/>'},{value:1,text:'<spring:message code="ptn.enable"/>'}]" style="width: 200px;" /></td>
    
40.                                                                         </tr>
    
41.                                                                         <tr style="display: none">
    
42.                                                                                 <td>带宽限制</td>
    
43.                                                                                 <td><input id="bandLimit" name="bandLimit" tooltip="0-10000000" style="width:150px;" class="mini-textbox" vtype="range:0,10000000" required="true" value="0" maxLength="8"/></td>
    
44.                                                                         </tr>
    
45.                                                                 </table>
    
46.                                                         </fieldset>
    
47.                                                 </div>
    
48.                                                 <div style="width: 100%; height: 75%;">
    
49.                                                
    
50.                                                 <fieldset style="width: 95%; height: 100%; border: solid 1px #aaa; position: relative; margin: 10px auto auto auto;">
    
51.                                                         <legend><spring:message code="ptn.totalTunnel.routeInfo"/></legend>
    
52.                                                         <div style="width: 100%; height: 100%;">
    
53.                                                                 <table style="width: 100%; height: 8%;">
    
54.                                                                         <tr>
    
55.                                                                                 <td><spring:message code="ptn.totalTunnel.create.src"/></td>
    
56.                                                                                 <td><input class="mini-buttonedit" id="aAgentName" name="aAgentName" onbuttonclick="onBtnNe" style="width: 100%;" textName="aAgentName" allowInput="false" required="true" /></td>
    
57.                                                                                 <td><spring:message code="ptn.totalTunnel.create.des"/></td>
    
58.                                                                                 <td><input class="mini-buttonedit" id="zAgentName" name="zAgentName" onbuttonclick="onBtnNe" style="width: 100%;" textName="zAgentName" allowInput="false" required="true" /></td>
    
59.                                                                         </tr>
    
60.                                                                 </table>
    
61.                                                                 <div style="width: 100%; height: 40%;">
    
62.                                                                         <div id="routeGrid" class="mini-datagrid" showPager="false" sortMode="client" contextMenu="selectRoute" showModified="false" style="width: 100%; height: 100%;"
    
63.                                                                                 url="/ptn/totalstation/tunnel/calculateRoute">
    
64.                                                                                 <div property="columns">
    
65.                                                                                         <div field="routeType" width="10"></div>
    
66.                                                                                         <div field="skipNum" width="25" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.jumpNum"/></div>
    
67.                                                                                         <div field="pathNameDescr" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.routeSelect"/></div>
    
68.                                                                                 </div>
    
69.                                                                         </div>
    
70.                                                                 </div>
    
71.                                                                 <div>
    
72.                                                                         <div class="btn-left-align">
    
73.                                                                                 <div>
    
74.                                                                                         <a class="mini-button" id="btnConstraint"><spring:message code="ptn.totalTunnel.create.routeConstraint"/></a>
    
75.                                                                                 </div>
    
76. 
    
77.                                                                                 <div>
    
78.                                                                                         <a class="mini-button" id="btnCalculate" iconCls="icon-search"><spring:message code="ptn.totalTunnel.create.calculateRoute"/></a>
    
79.                                                                                 </div>
    
80.                                                                         </div>
    
81.                                                                 </div>
    
82.                                                                 <div style="width: 100%; height: 42%;">
    
83.                                                                         <div class="mini-tabs" id="routeNodeTabs" activeIndex="0" bodyStyle="padding:2px;border:0;" style="width: 100%; height: 100%;" plain="false">
    
84.                                                                                 <div title="<spring:message code="ptn.totalTunnel.work"/>" name="workRouteNodePane">
    
85.                                                                                         <div id="workRouteDetailGrid" class="mini-datagrid" showPager="false" style="width: 100%; height: 90%;">
    
86.                                                                                                 <div property="columns">
    
87.                                                                                                         <div field="nodeName" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeName"/></div>
    
88.                                                                                                         <div field="nodeTypeStr" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeRole"/></div>
    
89.                                                                                                 </div>
    
90.                                                                                         </div>
    
91.                                                                                 </div>
    
92.                                                                                 <div title="<spring:message code="ptn.totalTunnel.protect"/>" name="protectRouteNodePane" visible="false">
    
93.                                                                                         <div id="protectRouteDetailGrid" class="mini-datagrid" showPager="false" style="width: 100%; height: 90%;">
    
94.                                                                                                 <div property="columns">
    
95.                                                                                                         <div field="nodeName" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeName"/></div>
    
96.                                                                                                         <div field="nodeTypeStr" width="100" headerAlign="center" align="center"><spring:message code="ptn.totalTunnel.create.nodeRole"/></div>
    
97.                                                                                                 </div>
    
98.                                                                                         </div>
    
99.                                                                                 </div>
    
100.                                                                         </div>
     
101.                                                                 </div>
     
102.                                                         </div>
     
103.                                                 </fieldset>
     
104.                                                 </div>
     
105.                                         </div>

复制代码

当浏览器高度发生变化时， table标签里面的单元格如何自适应高度
现在的现象是，当页面高度变窄时，table里面的单元格会跟其他标签产生重叠



求大神指点！！

哎呀

<div class="mini-fit">