如何在使用层布局时使层居中显示

0

用Dreamweaver8编辑网页,使用层布局网页的时候,如果精确定位层的位置,
比如:

<style type=”text/css”>
#Layer23 {
position:absolute;
left:60px;
top:260px;
width:128px;
height:20px;
z-index:18;
}
</style>

当浏览者的屏幕分辨率与网页设计者的分辨率不同时,可能得不到期望的效果。
以下是使层居中的方法:
例如,如果希望层Layer4(width:700px)左右居中,且上边距为60px,可以把
<style type=”text/css”>下的#Layer4{……}删除,并直接把层改为

<div id=”Layer4″
style=”position:absolute;
width:700px;
height:568px;
z-index:1;
left:expression((body.clientWidth-700)/2);
top:60px;”>
……
</div>

body.clientWidth获得窗口的宽度,(body.clientWidth-700)/2得出使层居中的left值。
同样的,如果要上下居中,则用:top:expression((body.clientWidth-568)/2);其中,
568是层的宽度。

FF不支持此种写法。

发表评论

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 必填字段 *

为何看不到我发布的评论?

正在提交, 请稍候...