table td 标签中嵌套 iframe 的问题和解决方法

最新推荐文章于 2024-09-04 20:25:22 发布

iteye_9160

最新推荐文章于 2024-09-04 20:25:22 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： IE HTML

本文链接：https://blog.youkuaiyun.com/iteye_9160/article/details/81931731

html 专栏收录该内容

1 篇文章

订阅专栏

本文描述了一个在Internet Explorer浏览器中出现的网页布局问题，即标题图标在某些情况下会重复显示。通过对HTML代码的分析，发现关键问题是TD标签内嵌套了iframe元素导致错位，并提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题现象：

[img]http://dl.iteye.com/upload/attachment/318752/8ce57317-0c01-30c0-b6a5-6c21e2734f07.jpg[/img]

上部是标题，下部是广告
在ff下标题的图标是正常的，在ie却会重复。

代码如下：

<TABLE style="BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid" cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY>
<TR>
<TD vAlign=top width=28 background=http://www.51yesad.com/adsa/html/images/2_03.gif> </TD>
<TD vAlign=top background=http://www.51yesad.com/adsa/html/images/2_05.gif height=20><A href="http://www.51yesad.com/"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: rgb(0,99,164); LINE-HEIGHT: 20px; TEXT-DECORATION: none">51Yes广告联盟</SPAN></A></TD>
<TD onclick=javascript:closeDiv1(); width=25 background=http://www.51yesad.com/adsa/html/images/2_06.gif> </TD></TR>
<tr>
<td colspan=3>
 <iframe src=''></iframe>
</td>
</tr>
</TBODY>
</TABLE>

[color=green]
使IE出现错位的关键代码：就是<td> 标签中嵌套了一个iframe
解决方法：
在<table> 后面添加一个table，将包含iframe的tr 移动到这个table中，问题就解决了[/color]