TD的表和空白的IE错误？

Question

我有一个页面,使用表格,在FF等它工作完美,但在IE7它会导致问题,它基本上是四个角落有一个td和img(它是一个圆角形式)..如果我删除空白它解决问题的文件..实际发生的是它弄乱了桌子......它在上面的tr之间放置了一条细白线,它保持着2个角落和下一个tr

我需要删除img和TD之间的空白,是否有更好的解决方法,因为我有很多,不仅如果我重新格式化文档问题返回..

这是一个简单的例子..

   <table width="100%" height="418" border="0" cellpadding="0" cellspacing="0" bgcolor="#F04A23"
            style="margin: 0px; padding: 0px">
            <tr>
                <td width="12" align="left" valign="top">
                    <img src="content/images/corner_left.gif" width="12" height="12" />
                </td>

你可以看到img和td之间有空格...我删除它所以它看起来像这样:

<img src="content/images/corner_left.gif" width="12" height="12" /></td>

问题消失了,(注意td和图像是彼此相邻的)

任何想法,我尝试设置各种CSS,填充0px,边距0px等...

任何想法真的很感激.

Answer 1

事实证明,删除空格并不是解决问题的唯一方法.其他人可能现在已经想到了这一点,但我想我会在这里添加它,以便完成下一个可怜这个讨厌的问题的可怜的灵魂.

基本上,您不必担心标记中的空格.相反,添加style ="display:block;" 到img标签.由于图像是内联元素,并且标记中有空格,因此IE会在单元格的底部添加额外的空格,以说明带有下行的文本(例如g,y,p等)的可能性.将img标记设置为显示为块元素可以解决此问题.没有更丑陋的空白!

值得信赖的是:http://blog.wheelerstreet.com/ie-white-space-issue-with-td-and-img-solved,这是我找到答案的地方.猜猜他是从谷歌讨论组或其他人那里得到的.

希望有所帮助!

Answer 2

“修复它”的唯一方法（我宽松地使用这个术语）是删除空格。

更重要的是，你应该停止像 2001 年那样制作网站。:)