对联 ·故事 ·史海钩沉 ·人物档案 ·地方风俗 ·谚语大全 ·讽刺与幽默 · 赚钱 · 法律 · 在线教研 · 会员中心 · 心理测试 · 魔鬼词典 · 顺口溜
 
主页特效 网页特效 百家姓
娱乐 歇后语 绕口令 脑筋急转弯
 
谚语 谜语 名言 邮政编码
便民 酒方 验方 偏方 站长工具  
 
算命 风俗 手相 爱情
女孩 音乐 面相 星座 血型
 
饮食 穴道 偏方 医药
生活 软件 硬件 解梦 高考



   JS特效



实用工具
便民服务 加密解密
 
魅力高密 民间故事 Flash教程 PS教程 最新国内新闻
新华字典 黄道吉日 英语园地  万年历 Html2anycode
  首页 | 美图 | 短信 | 安全 | 校园 | 网站 | 游戏 | UFO | 文秘 | 生活 | 信息技术 | 论文 | 人生 | 情感 | 日记
返回首页
当前位置: 主页 > 网站建设 >

【原创】关于多iframe中的间隙问题-去除iframe周围

时间:2009-12-29 00:05来源:未知 作者:迷糊看 点击:
本文着重要说的是由于
  

本文着重要说的是由于<table>参数设置问题而导致的iframe间隙问题。

 

正文:

关于去除iframe边框的问题,已经有很多资料了,相信大家也都熟悉去除iframe边框的方法。

 

不过在我遇到的这个问题中,我已经将iframe中的边框设置成了0,可是在iframe的周围还是会出现一些空白的缝隙和间隙。

 

 

关于这个问题,我查阅了很多资料,倒是有朋友问:在两个iframe中有空白间隙,如何去除。但最终他们没有解决问题。

 

 

后来,我绞尽脑汁,经过不断的摸索,在几个小时的奋斗后,终于成功解决了问题,原来问题的根源不在于iframe边框,问题存在于ifram中引用的文件里面,具体情况及其解决的方法还要向下看,大家不要着急。

 

为了让大家对iframe缝隙有个更为清晰的印象,我截了一张图片:

 

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>

 

嘿嘿,人家还真给面子,问题成功解决。

 

好累,休息一下,毕竟奋斗了好几个小时啊。

 

==================================================
遇到问题不能解决的时候,是否考虑换个思路,换个方向呢?这是好几个小时换来的教训啊

 

顶一下
(3)
100%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
赞助商位置
推荐内容
杂七杂八