一个HTML页面的显示问题，进者有分！(200分)

ztszts · 2003-11-17

代码:

<html>
<head>
<title>新增设备运行位置</title>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
<style type="text/css">
td {font-size: 12px;}
th {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}
input {
	font-size:9pt;
	overflow:no;
}
</style>
<link href="../css/right.css" rel="stylesheet" type="text/css">
</head>
<body topmargin="0" leftmargin="0">
<table align="center" cellpadding="0" cellspacing="1" bgcolor="#993300">
 <tr class="tdbody" bgcolor="#FFFFFF">
  <td height="25" colspan="2">&amp;nbsp;系统名称列表：</td>
 </tr>
 <tr class="tdbody" bgcolor="#FFFFFF">
  <td colspan="2">
   <table width="100%"><tr><td>
	<div width="100%" style="height:225px;
overflow:auto;" id="DMList2"><table width="100%" cellpadding="0" cellspacing="0" bgcolor="#993300" align="center" id="DMListTab2">
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="1" YS_NR="3#主变单元">
  <td>&amp;nbsp;&amp;nbsp;1</td>
  <td>&amp;nbsp;3#主变单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="2" YS_NR="二单元制粉系统">
  <td>&amp;nbsp;&amp;nbsp;2</td>
  <td>&amp;nbsp;二单元制粉系统</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="K" YS_NR="康仙I线单元">
  <td>&amp;nbsp;&amp;nbsp;K</td>
  <td>&amp;nbsp;康仙I线单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="2" YS_NR="2号所用变单元">
  <td>&amp;nbsp;&amp;nbsp;2</td>
  <td>&amp;nbsp;2号所用变单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="3" YS_NR="0号所用变单元">
  <td>&amp;nbsp;&amp;nbsp;3</td>
  <td>&amp;nbsp;0号所用变单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="1" YS_NR="500kV1#母线单元">
  <td>&amp;nbsp;&amp;nbsp;1</td>
  <td>&amp;nbsp;500kV1#母线单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="2" YS_NR="500kV2#母线单元">
  <td>&amp;nbsp;&amp;nbsp;2</td>
  <td>&amp;nbsp;500kV2#母线单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="3" YS_NR="220kV4#母线单元">
  <td>&amp;nbsp;&amp;nbsp;3</td>
  <td>&amp;nbsp;220kV4#母线单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="4" YS_NR="220kV5#母线单元">
  <td>&amp;nbsp;&amp;nbsp;4</td>
  <td>&amp;nbsp;220kV5#母线单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="5" YS_NR="3#主变35kV母线单元">
  <td>&amp;nbsp;&amp;nbsp;5</td>
  <td>&amp;nbsp;3#主变35kV母线单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="1" YS_NR="500kV第一串断路器单元">
  <td>&amp;nbsp;&amp;nbsp;1</td>
  <td>&amp;nbsp;500kV第一串断路器单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="2" YS_NR="500kV第二串断路器单元">
  <td>&amp;nbsp;&amp;nbsp;2</td>
  <td>&amp;nbsp;500kV第二串断路器单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="1" YS_NR="霸康一线">
  <td>&amp;nbsp;&amp;nbsp;1</td>
  <td>&amp;nbsp;霸康一线</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="2" YS_NR="霸康二线">
  <td>&amp;nbsp;&amp;nbsp;2</td>
  <td>&amp;nbsp;霸康二线</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="3" YS_NR="霸张一线">
  <td>&amp;nbsp;&amp;nbsp;3</td>
  <td>&amp;nbsp;霸张一线</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="4" YS_NR="霸张二线">
  <td>&amp;nbsp;&amp;nbsp;4</td>
  <td>&amp;nbsp;霸张二线</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="5" YS_NR="霸策一线">
  <td>&amp;nbsp;&amp;nbsp;5</td>
  <td>&amp;nbsp;霸策一线</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="6" YS_NR="霸策二线">
  <td>&amp;nbsp;&amp;nbsp;6</td>
  <td>&amp;nbsp;霸策二线</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="1" YS_NR="1#电容器单元">
  <td>&amp;nbsp;&amp;nbsp;1</td>
  <td>&amp;nbsp;1#电容器单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="2" YS_NR="2#电容器单元">
  <td>&amp;nbsp;&amp;nbsp;2</td>
  <td>&amp;nbsp;2#电容器单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="3" YS_NR="1#电抗器单元">
  <td>&amp;nbsp;&amp;nbsp;3</td>
  <td>&amp;nbsp;1#电抗器单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
 <tr onmouseover="javascript:this.bgColor='#EBEBEB'" TheColor="#FBF8F4" height="25" onmouseout="javascript:this.bgColor=this.TheColor" bgcolor="#FBF8F4" YS_DM="4" YS_NR="2#电抗器单元">
  <td>&amp;nbsp;&amp;nbsp;4</td>
  <td>&amp;nbsp;2#电抗器单元</td>
  <td width="25"><input type="checkbox" name="checkbox" onclick="SetChecked(this)"></td>
 </tr>
</table></div>
   </td></tr></table>
  </td>
 </tr>
 <tr class="tdbody" bgcolor="#FFFFFF">
  <td height="25" align="right">系统名称</td>
  <td>
   <input name="YS_NR2" type="text" value="" size="30" maxlength="40" style="border:1 solid #000000;">
  </td>
 </tr>
 <tr class="tdbody" bgcolor="#FFFFFF"> 
  <td height="25" align="right">系统名称代码</td>
  <td >
   <input name="YS_DM2" type="text" value="" size="30" maxlength="1" style="border:1 solid #000000;">(1位)
  </td>
 </tr>
 <tr class="tdbody" bgcolor="#FFFFFF"> 
  <td height="25" colspan="2" align="center">
   <input type="button" value="新增" style="border:1 solid #000000;">
   <input type="button" value="修改" style="border:1 solid #000000;">
   <input type="button" value="删除" style="border:1 solid #000000;">
  </td>
 </tr>
</table>
</body>
</html>

请大家帮忙看看那个系统名称列表下的白色空白区域是怎么回事？急啊！！！
在IE6.0中显示时出现的，我在IE5里显示就没有这个问题了。

natural · 2003-11-17

<div width="100%" style="height:225px;
overflow:auto;" id="DMList2"><table width="100%" cellpadding="0" cellspacing="0" bgcolor="#993300" align="center" id="DMListTab2">
中的height:225px改成height:300px就可以了。

ztszts · 2003-11-17

先谢谢你的回答了。
可是还是不行啊，我里面的数据是从数据库里读出来的，要定时刷新的，把它改成300以后，如果数据量在增加一倍，那个白色空白区域还是会显示出来。

zhbj · 2003-11-17

典型的表框架不到位
1.按照先到的老兄说得办法
2.设置 table valign属性
3或者干脆将 style="height:225px;
overflow:auto;" 删除

ztszts · 2003-11-17

natural的方法已经说过了，不可以的。
设置table valign属性如何设置可以实现啊？我试过的，不行啊。
style="height:225px;
overflow:auto;"不能删的，删掉之后整个页面都会被撑大。
zhbj能解释一下这个现象的原因是什么吗？为什么IE5里就没有问题？

ty123 · 2003-11-17

经测试，IE5正常。只是多了一对[/code]

ztszts · 2003-11-17

这个[/code]是这里发贴时带的。

zhbj · 2003-11-17

这是一个 IE字体的问题【你的 IE5 是不是在 win98下】
我将 ie选项中的辅助功能的 “不使用网页中指定的字体大小”选中，显示便正常了

ztszts · 2003-11-17

zhbj,我这里是IE6.0，WIN2000下，按你说的改变之后还是不行啊。
那个IE5的不是在98下，也是在2000里面。[

]

MoQing · 2003-11-17

試試用CSS來定位

mahuan · 2003-11-17

同意zhbj的意见

zfsfj · 2003-11-17

你的工作环境应该改为ie6，如果为ie5在ie6下可能就会有问题的

ztszts · 2003-11-17

我的工作环境就是IE6的。
根据zhbj的提示：我发现了下面这个问题：
在WIN2000+IE6下的测试：
1.将我上述的HTML在IE中显示，会出现空白区域
2.将ie选项中的辅助功能的“不使用网页中指定的字体大小”选中
3.单击辅助功能的确定(此时把选项对话框移开,就会看到IE页面显示正常了)
4.单击选项的取消,则IE显示正常;单击确定,空白区域还会出现
在显示正常的状态下刷新页面,则空白区域依旧出现.
我重新再试一次,顺序同上,只是把辅助功能的“不使用网页中指定的字体大小”不选中
则最后我的页面字体显示正常了,空白区域也没有了.一旦刷新此网页,则空白区域依旧出现.
谁能解释一下,IE在这个过程中到底是因为页面里的什么语句导致它会画一个空白区域出来啊?

zhbj · 2003-11-17

在html 主体位置加入对网页字型，字体大小的强制限制，在我的机器上从根本上解决
问题的：
字体
<style>

</style>
//注意你的
td {font-size: 12px;}
th {
font-size: 12px;
font-style: normal;
color: #000000;
font-weight: normal;
中的12 可能是主要原因

ztszts · 2003-11-20

zhbj,我这里还是不行啊，用了你的方法也没有任何变化的。
你那里的环境是什么啊？

一个HTML页面的显示问题，进者有分！(200分)

ztszts

Unregistered / Unconfirmed

natural

Unregistered / Unconfirmed

ztszts

Unregistered / Unconfirmed

zhbj

Unregistered / Unconfirmed

ztszts

Unregistered / Unconfirmed

ty123

Unregistered / Unconfirmed

ztszts

Unregistered / Unconfirmed

zhbj

Unregistered / Unconfirmed

ztszts

Unregistered / Unconfirmed

MoQing

Unregistered / Unconfirmed

mahuan

Unregistered / Unconfirmed

zfsfj

Unregistered / Unconfirmed

ztszts

Unregistered / Unconfirmed

zhbj

Unregistered / Unconfirmed

ztszts

Unregistered / Unconfirmed

Similar threads