<html>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<title>Welcome to my blog</title>
<body>
<frameset cols="10%,60%,30%" border="0" framespacing="5" frameborder="0">
<frame src="leftpane.htm" name="left_frame" scrolling="no" />
<frame src="middlepane.htm" name="middle_frame" scrolling="no" />
<frame src="rightpane.htm" name="right_frame" scrolling="no" />
</frameset>
</body>
</html>
文件leftpane.html包含以下代码:
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<meta name="generator" content="Studio 3 http://aptana.com/">
<meta name="author" content="RP">
<!-- Date: 2010-10-22 -->
</head>
<body>
<div id="PhotoBox-Outline" style = "top: 50px; left: 50px">
<div id="PhotoBox" class="shadow" style = "top: 20px; left: 20px">
</div>
</div>
<div id="PhotoBox-Outline" style = "top: 280px; left: 50px">
<div id="PhotoBox" class="shadow" style = "top: 20px; left: 20px">
</div>
</div>
</body>
</html>
当上面的div在第一个代码中并且我没有定义frameset时,相同的代码正在工作。
答案 0 :(得分:2)
使用框架集时,请使用框架而不是框架。只需删除主html文件中的body和/ body标签即可。
http://www.w3.org/TR/html4/present/frames.html
“标准文档有一个HEAD部分和一个BODY。框架集文档有一个HEAD,一个FRAMESET代替BODY。”
答案 1 :(得分:1)
在带框架的第一个例子中;
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<title>Welcome to my blog</title>
应该看起来像;
<head>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<title>Welcome to my blog</title>
</head>
同样在左侧窗格中;
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">
<html lang="en">
<head>
我认为最好将样式表放在head标签内;
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" media="screen" href="blogstyle.css">