20CN网络安全小组论坛 - 网站建设 - 怎样使框架页面居中？

论坛: 网站建设标题: 怎样使框架页面居中？

复制本贴地址

作者: bedlamite [bedlamite]

版主

三分框架：顶部top，下分左left，右main两部分，800*600下制作，在1024*768分辨率下浏览时，页面靠左，怎样使整个页面居中？

地主发表时间: 11/03 11:23

回复: mqq [mqq]

论坛用户

这是个问题，我做网页时有点会出现你的问题，有时就没这种问题，，，。。。。

怪怪怪怪怪怪怪怪~~~~~~~~~~~~~~~~~~~~~~~~~

B1层发表时间: 11/03 13:20

回复: Aoming [aoming]

版主

for a eg:
=================================================================
<HTML><HEAD><TITLE>无标题文档</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY>
<DIV align=center></DIV>
<script>
var text1="<TABLE borderColor=#000000 height=115 cellSpacing=0 width=768 border=0>"+
"<TBODY>"+
"<TR>"+
" <TD colSpan=3><IMG height=75 src=top.files/eg02.gif width=766></TD></TR>"+
"<TR>"+
" <TD width=155 background=top.files/eg03.gif rowSpan=2> </TD>"+
" <TD bgColor=#0066ff height=20> </TD>"+
" <TD width=590 bgColor=#0066ff> </TD></TR>"+
"<TR>"+
" <TD width=17 background=top.files/eg01.gif height=20> </TD>";

var text2="<TABLE borderColor=#000000 height=115 cellSpacing=0 width=1000 border=0>"+
"<TBODY>"+
"<TR>"+
" <TD colSpan=3><IMG height=75 src=top.files/eg02.gif width=928></TD></TR>"+
"<TR>"+
" <TD width=155 background=top.files/eg03.gif rowSpan=2> </TD>"+
" <TD bgColor=#0066ff height=20> </TD>"+
" <TD width=590 bgColor=#0066ff> </TD></TR>"+
"<TR>"+
" <TD width=17 background=top.files/eg01.gif height=20> </TD>";

function titleshow() {
if(screen.width<=800) {
document.write(text1);
}
else {
document.write(text2);
}
}

titleshow();

</script>

<TD> </TD></TR></TBODY></TABLE></BODY></HTML>
===============================================================

B2层发表时间: 11/06 13:25

回复: Aoming [aoming]

版主

上面的代码不是实现的所有居中，而是先攫取屏幕分辨率，然后让right的main frame自适应伸缩，top也自适应伸缩。

B3层发表时间: 11/06 13:27

回复: bedlamite [bedlamite]

版主

不行。

B4层发表时间: 11/06 16:08

回复: Aoming [aoming]

版主

faint，不可能，我这里调试很正常。
老马，你说的不行是什么不行？详细点

B5层发表时间: 11/06 17:48

回复: bedlamite [bedlamite]

版主

下面是框架主页代码:
-----------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JiuGong Mountain</title>
</head>

<frameset rows="130,*" cols="*" frameborder="NO" border="0" framespacing="0">
<frame src="top.htm" name="topFrame" scrolling="NO" noresize >
<frameset rows="*" cols="180,*" framespacing="0" frameborder="NO" border="0">
<frame src="left.htm" name="leftFrame" scrolling="NO" noresize>
<frame src="main.htm" name="mainFrame">
</frameset>
</frameset>
<noframes><body><div align="center">

</div>
</body></noframes>
</html>
------------------------------------------------------------
你的代码只是定义text1和text2，根据屏幕分辨率自动选择用text1还是2，但仅仅是表格，我需要的是topframe自动居中，而leftframe和mainframe也在自己该在的位置。

B6层发表时间: 11/06 18:51

回复: Aoming [aoming]

版主

偶知道，你那3个页面我保存在本地硬盘了。
我帖的代码里头的相关连接你有修改吗？不然路径不对

B7层发表时间: 11/06 20:55

论坛: 网站建设