用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不支持此种写法。