网页框架居中问题
以下是一个上下框架页面,其中的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><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宽,高属性值可以自己去设定!
这样肯定可以实现的!
Good luck!