已有40人关注
为什么IFRAME边框会遮住半边滚动文字
发表在PHP图书答疑 2009-03-15
是否精华
版块置顶:
今天接收远教资源,发现公共信息滚动字幕的边框把滚动字幕遮住了。找了很久,只找到解决办法,但是没有找问题原因,现在把代码贴出来,请给解释下,谢谢

1.index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>农村中小学现代远程教育资源</title>
<link href="res/css/homepage.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="info">公共信息:<IFRAME src="linkpage/info.html" frameBorder=0 class="infoframe"></IFRAME></div>
</body>
</html>

2.homepage.css
#info {font-size: 12px;font-weight: bold;color: #333333;height:25px;padding-top: 5px;padding-left: 25px;width: 710px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-image: url(../images/info_icon.gif);background-repeat: no-repeat;background-position: left center;padding-bottom: 0px;
}
.infoframe{width: 645px; height:25px;margin: 0px;padding: 0px;margin-bottom: -3px;vertical-align: middle;
}

3.info.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link href="../res/css/info.css" rel="stylesheet" type="text/css" />
</head>
<body><marquee class="InfoMarquee" scrollamount="2" scrolldelay="10">
<ul id="InfoText">
<li><a href="../dianyig/看电影搞活动优秀活动方案获奖通知.doc" target="_blank"><font color="#FF0000">关于公布“《看电影搞活动》优秀活动方案”
征集评选活动获奖名单的通知</font>
</a></li>
<li><a href="../../../../xzpx08/xzpx.html" target="_blank">农村中小学现代远程教育工程项目学校
校长专题培训</a></li>
<li><a href="">教育部办公厅关于启动2008年中小学弘扬和培育民族精神月活动和开展安全教育活动的通知</a></li>
<li><a href="../../../../sqpx08/sqpx.html" target="_blank">2008年暑期中西部农村义务教育学校教师国家级远程培训</a></li>
<li><a href="../../../../kzjz/banjiangwanhui/kzjzbj.wmv" target="_blank">2008抗震救灾英雄少年颁奖晚会</a></li>
<li><a href=""><font color="#FF0000">教育部重要通知</font></a></li>
</ul>
</marquee>
</body>
</html>

4.info.css

body {background-color:#FFFFFF; margin: 0px; padding: 0px;
}
/*滚动公告*/
.InfoMarquee{height: 15px;width: 635px;direction:left;
}
#InfoText {
float:left;
padding: 0px;
margin: 0px;
height: 26px;
width: auto;

}
#InfoText li {float:left;font-size: 12px;font-family: "宋体";padding-top: 4px;padding-right: 25px;list-style:circle;
}
#InfoText li a{color: #0066CC;text-decoration: none;background-image: url(../images/info_textdot.gif);background-repeat: no-repeat;background-position: left center;padding-left: 12px;
}
#InfoText li a:hover{text-decoration: underline;color: #FF6600;
}

解决办法是把homepage.css的infoframe的高设置为40px,这是为什么?顺带请解释下这种问题出现的原因。
顺带说一下我把php从入门到精通以及php项目开发全程实录都购买了的,在php项目开发全程实录里感觉讲的不是很详细,并且提供的源代码有些细节应该注意,如页面没有设置mysql_query(set names gb2312),打开页面全是乱码害得我找了好久才找到毛病。
分享到:
精彩评论 1
纯净水
学分:0 LV1
2009-03-16
沙发
读者您好:
    请问这是那本书中的问题,请您给出书名。
首页上一页 1 下一页尾页 1 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照