VIP会员
购物车
私信
发表新帖
立即签到
关注
回复
支持(
反对( 首页上一页 1 下一页尾页 1 条记录 1/1页
为什么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.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),打开页面全是乱码害得我找了好久才找到毛病。
分享到：
