本文着重要说的是由于<table>参数设置问题而导致的iframe间隙问题。
正文:
关于去除iframe边框的问题,已经有很多资料了,相信大家也都熟悉去除iframe边框的方法。
不过在我遇到的这个问题中,我已经将iframe中的边框设置成了0,可是在iframe的周围还是会出现一些空白的缝隙和间隙。
关于这个问题,我查阅了很多资料,倒是有朋友问:在两个iframe中有空白间隙,如何去除。但最终他们没有解决问题。
后来,我绞尽脑汁,经过不断的摸索,在几个小时的奋斗后,终于成功解决了问题,原来问题的根源不在于iframe边框,问题存在于ifram中引用的文件里面,具体情况及其解决的方法还要向下看,大家不要着急。
为了让大家对iframe缝隙有个更为清晰的印象,我截了一张图片:

上图就是iframe周围出现空白的演示
(注意图中的白色线就是白色的空隙)
好了,知道问题是怎么样的了,下面就剩下解决问题了:
我的解决iframe空白的过程是这样的:
首先我以为问题是需要去除iframe的边框,所以我用尽了各种方法来去除iframe边框。
将iframe边框设置成0的代码如下,可以说是超级无敌的代码了:
<iframe id="ad" src="zhang.htm" framespacing="0" hspeace= "0" vspace= "0" marginheight=0 marginwidth=0 frameborder=0 scrolling=no height="217" width="890" name="bottom" border="0" allowtransparency="true" style='margin:0px;padding:0px;'></iframe>
你看看上面设置了多少个0,尽管如此,问题丝毫没有进展。
后来,我看了看也许思路不对,于是灵机一动,转而去看zhang.htm中有没有会产生iframe空隙的问题。
首先我在zhang.htm中加上了
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
代码,让页面距离顶部的距离是0,经过测试,没有效果,iframe空隙依然。
后来,我想啊想啊,考虑到zhang.htm中有
<table>
<tr>
的代码,难道是表格差生的空隙?
于是将
<table>
<tr>
修改成了
<table cellspacing = 0 cellpadding = 0 border = 0 >
<tr>
嘿嘿,人家还真给面子,问题成功解决。
好累,休息一下,毕竟奋斗了好几个小时啊。
==================================================
遇到问题不能解决的时候,是否考虑换个思路,换个方向呢?这是好几个小时换来的教训啊