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的宽度固定了,做成固定宽度且居中的页面吧!这样也很好看的,而且不会变形。