Frame套帧只显示纵向滚动条的实现-技术开发专区

Frame套帧只显示纵向滚动条的实现

作者：ITPUB论坛编辑： nancy 2008-06-23 00:00

【IT168技术文档】

主要注意的是：

1、删除<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、用Div来控制样式
<div style="overflow: auto;width: 100%;  height: 99%;" >

主框架代码：

<!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 id="Head1" runat="server">
<title>套帧</title>
</head>
<frameset cols="350,*" id="myFrame" border="1" frameborder="1" framespacing="0" >
<frameset rows="110,*">
<frame name="leftTop" id="leftTop" src="#" scrolling="no" target="right" />
<frame name="leftContent" id="leftContent" src="######" scrolling="auto"  target="_self" />
</frameset>
<frameset id="contentFrame" rows="*,50">
<frame name="rightContent" id="rightContent" src="#"  scrolling="auto"  target="right" />
<frame name="rightBottom" id="rightBottom" src="#" scrolling="auto"  target="_self" />
</frameset>
</frameset>
</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 >
<title>Untitled Page</title>
</head>
<body >
//加一个Div来控制样式
<div style="overflow: auto;width: 100%;  height: 99%;" >
<% PrintList(); %>
<% PrintPaging(); %>
</div>
</body>
</html>

关注我们