• 全部
  • 问答

分辨率不同时,怎样使页面都居中显示

wangsir7013 2008-03-18 08:58:24

用框架(Frame)将浏览器窗口划分为3个窗格。怎样使这样的页面在不同分辨率下都左右居中显示?页面代码如下,请赐教。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>欢迎登录XX系统</title>
</head>
<frameset rows="113,380" cols="*" framespacing="0" frameborder="0" border="0" >
<frame src="TopTitle.jsp" name="TopFrame" />
<frameset rows="*" cols="151,841" framespacing="0" frameborder="0" border="0" >
<frame src="Menu.jsp" name="MenuFrame" Scrolling ="No"/>
<frame src="blank.jsp" name="ContentFrame" />
</frameset>
</frameset>
...全文
593 点赞 收藏 10
写回复
10 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
wangsir7013 2008-03-18
luxu,贴的什么。

问题解决了,分享一下:
简单的说就是frameset嵌套
<frameset cols="*,1024,*" border="0px" frameborder="0" framespacing="0px" Scralling="No">

<frame src="blank.jsp" scrolling="no" >

<frameset ...>

<frame src="blank.jsp" scrolling="no" >
这样他就总是能在中间1024像素内显示。
回复
fly0252 2008-03-18
[Quote=引用 5 楼 rainbowliuliang 的回复:]
CSS

body{
text-align:center;
}
[/Quote]

这是文本居.

页面居中使用margin:0px auto;
回复
Atai-Lu 2008-03-18
<html>
<head>
<title>-------</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
.style2 {color: #FFFFFF;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.cell {
float:left;
clear:right;
}
.navPoint {
color: white;
cursor: hand;
font-family: Webdings;
width:10px;
font-size: 12px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<script>
function switchSysBar(){
if (document.getElementById("frmTitle").style.display=="block"){
document.getElementById("switchPoint").innerText=4;
document.getElementById("frmTitle").style.display="none";
}
else{
document.getElementById("switchPoint").innerText=3;
document.getElementById("frmTitle").style.display="block";
}
}
</script>
<body>
<table border="0" cellPadding="0" cellSpacing="0" style="height: 100%" width="100%">
<tr>
<td>
<iframe frameBorder="0" id="frmTitle" name="frmTitle" src="leftmenu.aspx" style="height: 100%; visibility: inherit; width: 192px; z-index: 2; display:block" scrolling="auto"></iframe>
</td>
<td style="width:12px;">
<table style="height: 100%" border="0" cellPadding="0" cellSpacing="0" bgcolor="#CCCCCC">
<tr>
<td style="height: 100%" onClick="switchSysBar()"><font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff">
<br>
<span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span>
<br>
</font></td>
</tr>
</table>
</td>
<td style="WIDTH: 100%">
<iframe frameBorder="0" id="main" name="main" scrolling="yes" src="rightmain.aspx" style="height: 100%; visibility: inherit; width: 100%; z-index: 1;"></iframe></td>
</tr>
</table>
</body>
</html>
回复
wangsir7013 2008-03-18
可能是我没说清楚。

我所要居中的页面不是一个普通的页面,而是用框架(Frame)将浏览器窗口划分为3个窗格的页面合体(本页面包含另外3个完整的页面)。

所以,页面中没有rainbowliuliang 所说的body(有的只是frame和frameset),也不能通过margin:auto来设置居中。
回复
wangsir7013 2008-03-18
普通页面通过设置margin:auto来居中,我这也没问题

but,我所说的是通过几个页面拼凑的,通过frame,frameset框架设置的页面。
回复
rainbowliuliang 2008-03-18
CSS

body{
text-align:center;
}
回复
Atai-Lu 2008-03-18

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScriptLab</title>
<style type="text/css">
<!--
body{margin-left:0px;margin-top:10px;margin-right:0px;margin-bottom:10px;}
<!--我是通过设置标签的margin-left、margin-right来居中的-->
#div{margin-left:auto;margin-right:auto;width:76%;}
#pbody{border:#88cee9 1px solid;padding:15px;}
-->
</style></head>
<body>
<div id="div">
<div id="pbody">
<br/>我这里测试没问题...<br/><br/><br/>
</div>
</div>
</body>
</html>
回复
wangsir7013 2008-03-18
to luxuoo1207:你的方法对frame不好使
to mShopping :使用百分比,页面中的图片等变形。

回复
mShopping 2008-03-18
rows 与cols使用百分比.
回复
Atai-Lu 2008-03-18
被嵌入的页面设置居中
回复
相关推荐
综教楼后的那个坑用双向链表实现 描述   在 LIT 综教楼后有一个深坑,关于这个坑的来历,有很多种不同的说法。其中一种说法是,在很多年以前,这个坑就已经在那里了。这种说法也被大多数人认可,这是因为该坑有一种特别的结构,想要人工建造是有相当困难的。   从横截面图来看,坑底成阶梯状,由从左至右的 1..N 个的平面构成(其中 1 ≤ N ≤ 100,000),如图:    *            * :    *            * :    *            * 8    *    **      * 7    *    **      * 6    *    **      * 5    *    ********* 4 <- 高度    *    ********* 3    ************** 2    ************** 1 平面 |  1  |2|   3    | 每个平面 i 可以用两个数字来描述,即它的宽度 Wi 和高度 Hi,其中 1 ≤ Wi ≤ 1,000、1 ≤ Hi ≤ 1,000,000,而这个坑最特别的地方在于坑底每个平面的高度都是不同的。每到夏天,雨水会把坑填满,而在其它的季节,则需要通过人工灌水的方式把坑填满。灌水点设在坑底位置最低的那个平面,每分钟灌水量为一个单位(即高度和宽度均为 1)。随着水位的增长,水自然会向其它平面扩散,当水将某平面覆盖且水高达到一个单位时,就认为该平面被水覆盖了。   请你计算每个平面被水覆盖的时间。    灌水 水满后自动扩散 | | * | * * | * * * * V * * V * * * * * * .... * *~~~~~~~~~~~~* * ** * *~~~~** : * *~~~~**~~~~~~* * ** * *~~~~** : * *~~~~**~~~~~~* * ** * *~~~~**~~~~~~* *~~~~**~~~~~~* * ********* *~~~~********* *~~~~********* *~~~~********* *~~~~********* *~~~~********* ************** ************** ************** ************** ************** **************    4 分钟后    26 分钟后        50 分钟后    平面 1 被水覆盖     平面 3 被水覆盖    平面 2 被水覆盖输入   输入的第一行是一个整数 N,表示平面的数量。从第二行开始的 N 行上分别有两个整数,分别表示平面的宽度和高度。 输出   输出每个平面被水覆盖的时间。
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-03-18 08:58
社区公告
暂无公告