我的页面上下2部分在不同分辨率的机器里高度不同
我的页面上下2部分在不同分辨率的机器里高度不同,怎么设置比例让上面的表格能任何时候都全部显示?
现在在有的机器里第4行显示不出来,因为表格的高度在小分辨率的机器里就缩小了。
还有分辨率改了后,表格里的文字也不齐了,有的标签在文本框上面,有的在左边,请问怎么调整?
html代码如下:
onmouseover="this.className='button_middle_hover'"
onmouseout="this.className='button_middle2'"
value="搜索" />
<input name="button" type="button" class="button_middle2" id="resetButton"
style="margin-left: 20px;" onclick="clearForm('templateAdd')"
onmouseover="this.className='button_middle_hover'"
onmouseout="this.className='button_middle2'"
value="重置" /></td>
</tr>
<tr>
<td><label for="bomc_id"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水</label>
<input name="text2" type="text" class="table_top_text" id="input_BOMC" value=""/></td>
<td><label for="deal_type"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流</label>
<input name="text11" type="text" class="table_top_text" id="input_deal" value=""/></td>
<td><label for="Product"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水</label>
<input name="text6" type="text" class="table_top_text" id="input_Product" value=""/></td>
<td><label for="service_type"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水号</label>
<input name="text12" type="text" class="table_top_text" id="input_Service" value=""/></td>
<td><label for="accept_end" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
<input name="text153" type="text" class="table_top_text" id="input_AcceptEnd" value=""/></td>
</tr>
<tr>
<td><label for="Accept_id"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水号</label>
<input name="text3" type="text" class="table_top_text" id="input_Accept" value=""/></td>
<td><label for="Overtime"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流</label>
<input name="text9" type="text" class="table_top_text" id="input_Overtime" value=""/></td>
<td><label for="log"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流</label>
<input name="text13" type="text" class="table_top_text" id="input_log" value=""/></td>
<td><label for="WorkGroup"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水号</label>
<input name="text15" type="text" class="table_top_text" id="input_workgroup" value=""/></td>
<td><label for="deal_start" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
<input name="text154" type="text" class="table_top_text" id="input_DealStart" value=""/></td>
</tr>
<tr>
<td><label for="User_Name"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
<input name="text4" type="text" class="table_top_text" id="input_Username" value=""/></td>
<td><label for="resperson_id"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
<input name="text7" type="text" class="table_top_text" id="input_Status" value=""/></td>
<td><label for="Person" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
<input name="text16" type="text" class="table_top_text" id="input_person" value=""/>
</td>
<td><label for="Solution"
style="padding-right: 3px; margin-left: 10px; font-size: 12px;"">流水号流水号</label>
<input name="text14" type="text" class="table_top_text" id="input_Solution" value=""/>
</td>
<td><label for="deal_end" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号:</label>
<input name="text155" type="text" class="table_top_text" id="input_DealEnd" value=""/></td>
</tr>
</table>
</div>
<div style="margin-top: 0px;">
<center>
<Iframe name="tt" src="http://www.baidu.com" width="100%" height="350px" marginwidth="1" marginheight="1"
scrolling="yes" frameborder="0"></iframe>
</center>
</div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>aaa</title>
<style type="text/css">
body {overflow:hidden;margin:0;padding:0;width:100%;height:100%;}
.topToolBar {position:absolute;left:0;top:0;right:0;width:100%;height:204px;}
.bottom {position:absolute;left:0;top:204px;right:0;width:100%;bottom:0;border-top:1px solid red;}
.bottom iframe {position:absolute;bottom:0px;left:0px;top:0px;right:0px;}
.table_top_text {width:100%;}
</style>
</head>
<body class="bodyWithBorder" scroll=no>
<form name="templateAdd">
<div class="topToolBar">
<table width="100%" border="0">
<tr>
<td nowrap align=right><label for="security_organization_id"
style="padding-right: 3px; margin-left: 10px; font-size: 12px;">流水号</label>
</td><td width="10%">
<input name="text" type="text" class="table_top_text" id="BOSS_ID" value=""/></td>
<td nowrap align=right><label for="Problem"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水号</label>
</td><td width="10%"> <input name="text10" type="text"
onmouseout="this.className='button_middle2'"
value="重置" /></td>
</tr>
<tr>
<td nowrap align=right><label for="bomc_id"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水</label>
</td><td width="10%"> <input name="text2" type="text" class="table_top_text" id="input_BOMC" value=""/></td>
<td nowrap align=right><label for="deal_type"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流</label>
</td><td width="10%"> <input name="text11" type="text" class="table_top_text" id="input_deal" value=""/></td>
<td nowrap align=right><label for="Product"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水</label>
</td><td width="10%"> <input name="text6" type="text" class="table_top_text" id="input_Product" value=""/></td>
<td nowrap align=right><label for="service_type"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水号</label>
</td><td width="10%"> <input name="text12" type="text" class="table_top_text" id="input_Service" value=""/></td>
<td nowrap align=right><label for="accept_end" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
</td><td width="10%"> <input name="text153" type="text" class="table_top_text" id="input_AcceptEnd" value=""/></td>
</tr>
<tr>
<td nowrap align=right><label for="Accept_id"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水号</label>
</td><td width="10%"> <input name="text3" type="text" class="table_top_text" id="input_Accept" value=""/></td>
<td nowrap align=right><label for="Overtime"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流</label>
</td><td width="10%"> <input name="text9" type="text" class="table_top_text" id="input_Overtime" value=""/></td>
<td nowrap align=right><label for="log"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流</label>
</td><td width="10%"> <input name="text13" type="text" class="table_top_text" id="input_log" value=""/></td>
<td nowrap align=right><label for="WorkGroup"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号流水号</label>
</td><td width="10%"> <input name="text15" type="text" class="table_top_text" id="input_workgroup" value=""/></td>
<td nowrap align=right><label for="deal_start" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
</td><td width="10%"> <input name="text154" type="text" class="table_top_text" id="input_DealStart" value=""/></td>
</tr>
<tr>
<td nowrap align=right><label for="User_Name"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
</td><td width="10%"> <input name="text4" type="text" class="table_top_text" id="input_Username" value=""/></td>
<td nowrap align=right><label for="resperson_id"
style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
</td><td width="10%"> <input name="text7" type="text" class="table_top_text" id="input_Status" value=""/></td>
<td nowrap align=right><label for="Person" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号</label>
</td><td width="10%"> <input name="text16" type="text" class="table_top_text" id="input_person" value=""/>
</td>
<td nowrap align=right><label for="Solution"
style="padding-right: 3px; margin-left: 10px; font-size: 12px;">流水号流水号</label>
</td><td width="10%"> <input name="text14" type="text" class="table_top_text" id="input_Solution" value=""/>
</td>
<td nowrap align=right><label for="deal_end" style="padding-right: 3px; margin-left: 10px; font-size: 12px">流水号:</label>
</td><td width="10%"> <input name="text155" type="text" class="table_top_text" id="input_DealEnd" value=""/></td>
</tr>
</table>
</div>
<div class='bottom'>
<Iframe name="tt" src="http://www.baidu.com" width="100%" height="100%" marginwidth="1" marginheight="1"
scrolling="yes" frameborder="0"></iframe>
</div>
</form>
</body>
</html>