100bbbcom
原来的代码在Firefox里面运行正常
要在IE里也看到正常效果,两步:
1. 在最前面加上 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 。这个很重要,一个规范的网页一定要有这一行,以确定该网页显示时依照的标准。关于这个标签的详细信息,请看参考资料。
2. 给 TD 加上属性 style="padding-right:5px;"(要不然input会超出TD的范围)
即:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head></head>
<body>
<table width="100%" border=1>
<tr>
<td width="50%" style="padding-right:5px;"><input type="text" style="width:100%" value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"></td>
<td width="50%" style="padding-right:5px;"><input type="text" style="width:100%" value="bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb">
</td></tr></table>
</body>
</html>
-----------------------
上面的代码在IE8里面能正常运行,但是IE7就不行了。找来找去没有办法,实在不行啊。不好意思,帮不了你了。要不你把table和input的宽度固定了,做成固定宽度且居中的页面吧!这样也很好看的,而且不会变形。