网页框架居中有关问题
日期：2014-05-17 浏览次数：20697 次
网页框架居中问题
以下是一个上下框架页面，其中的bottom.htm 又包含左右二个框架
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Test</title>
</head>
<frameset rows="124,*" cols="50" framespacing="0" frameborder="NO" border="0">
<frame src="top.htm" name="topFrame" scrolling="no" noresize>
<frame src="bottom.htm" name="mainFrame"> *此框架又包含左右二个框架
</frameset>
</html>
现在是靠左显示，我想让整个网页居中显示，百度了一下没找到简单可行的方法。请大家赐教！
------解决方案--------------------
<frameset rows="21,*" framespacing="0" frameborder="1" border="2" style="border:0">
<frame src="menu.htm" frameborder="0" scrolling="no" noresize name="Menu" onload="lf(1)">
<frameset cols="540,*" framespacing="2" border="5">
<frame name="Left" src="about:blank" onload="lf(2)">
<frame name="Right" src="about:blank" onload="lf(3)">
</frameset>
</frameset>
------解决方案--------------------
外层在加个frameset 左右不定义宽度 中间那个放你居中的框架 宽度定义成你想要的
下面给你个例子 希望你能看懂
以下是一个上下框架页面，其中的bottom.htm 又包含左右二个框架
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Test</title>
</head>
<frameset rows="124,*" cols="50" framespacing="0" frameborder="NO" border="0">
<frame src="top.htm" name="topFrame" scrolling="no" noresize>
<frame src="bottom.htm" name="mainFrame"> *此框架又包含左右二个框架
</frameset>
</html>
现在是靠左显示，我想让整个网页居中显示，百度了一下没找到简单可行的方法。请大家赐教！
------解决方案--------------------
<frameset rows="21,*" framespacing="0" frameborder="1" border="2" style="border:0">
<frame src="menu.htm" frameborder="0" scrolling="no" noresize name="Menu" onload="lf(1)">
<frameset cols="540,*" framespacing="2" border="5">
<frame name="Left" src="about:blank" onload="lf(2)">
<frame name="Right" src="about:blank" onload="lf(3)">
</frameset>
</frameset>
------解决方案--------------------
外层在加个frameset 左右不定义宽度 中间那个放你居中的框架 宽度定义成你想要的
下面给你个例子 希望你能看懂
- HTML code
原来的代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<head>
</head>
<frameset rows="130,*,40" frameborder="no" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
<frame src="center.html" name="mainFrame" id="mainFrame" />
<frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize"
id="bottomFrame" />
</frameset>
<noframes>
<body></body>
</noframes>
</html>
====================================================================
改过的代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<head>
</head>
<frameset cols="*,1024,*" frameborder="no" border="0" framespacing="0">
<frame src="about:blank"></frame>
<frameset rows="130,*,40" frameborder="no" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
<frame src="center.html" name="mainFrame" id="mainFrame" />
<frame src="bottom.html" name="bottomFrame" scrolling="No" noresize="noresize"
id="bottomFrame" />
</frameset>
<frame src="about:blank"></frame>
</frameset>
<noframes>
<body></body>
</noframes>
</html>
------解决方案--------------------
是的，对于框架集，上面的各种做法是不行的！你可以这样去实现，绝对是可以的，将框架放在一个iframe里面，对iframe进行设定就可以了，你可以把iframe放在一个div中，如：
<div style="text-align:center">
<iframe src="这里放框架的那个页面，比如frameset.html" width="850" height="500" scrolling="yes" frameborder="0" hspace="0" vspace="0"></iframe>
</div>
上面的iframe宽，高属性值可以自己去设定！
这样肯定可以实现的！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
