论坛: 网站建设 标题: 怎样使框架页面居中? 复制本贴地址    
作者: 马大哈 [bedlamite]    版主   登录
三分框架:顶部top,下分左left,右main两部分,800*600下制作,在1024*768分辨率下浏览时,页面靠左,怎样使整个页面居中?

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

回复: [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>&nbsp;</TD>"+
  "  <TD bgColor=#0066ff height=20>&nbsp;</TD>"+
  "  <TD width=590 bgColor=#0066ff>&nbsp;</TD></TR>"+
  "<TR>"+
  "  <TD width=17 background=top.files/eg01.gif height=20>&nbsp;</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>&nbsp;</TD>"+
  "  <TD bgColor=#0066ff height=20>&nbsp;</TD>"+
  "  <TD width=590 bgColor=#0066ff>&nbsp;</TD></TR>"+
  "<TR>"+
  "  <TD width=17 background=top.files/eg01.gif height=20>&nbsp;</TD>";

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

titleshow();

</script>

    <TD>&nbsp;</TD></TR></TBODY></TABLE></BODY></HTML>
===============================================================

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

回复: Aoming [aoming]   版主   登录
上面的代码不是实现的所有居中,而是先攫取屏幕分辨率,然后让right的main frame自适应伸缩,top也自适应伸缩。

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

回复: 马大哈 [bedlamite]   版主   登录
不行。

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

回复: Aoming [aoming]   版主   登录
faint,不可能,我这里调试很正常。
老马,你说的不行是什么不行?详细点

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

回复: 马大哈 [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

论坛: 网站建设

20CN网络安全小组版权所有
Copyright © 2000-2010 20CN Security Group. All Rights Reserved.
论坛程序编写:NetDemon

粤ICP备05087286号