层的定位技巧

在层的实际应用中,定位一直是个问题怎样保证在800*600和1024*768分辨率下的显示都正常,有一些简单方法可以部分解决这个问题,比如让页面元素全部居左,这样在定位时只要设置左间距即可。在Dreamweaver中,默认创建出的层是按照绝对坐标定位的,即style=”position:absolute;”。如果将absolute改成relative,则层会按照相对定位的原则进行定位,即这个层的坐标就是外面标签的相对坐标。所以,我们可以在大框架上使用表格排版,个别地方使用表格内的层来实现。从整体上来说,也可以先画一个大表格,将相对定位的层全部放入表格中,这样大表格可以居中,也可以居左,在整体版面控制上就方便了许多。

在实际应用中,使用CSS Class是一种很方便的方法。定义相对定位方式的语法为:.ceng{position:relative;}。然后,赋予所需要的参照物(可以是table.tr.td)一个CSS属性。这样浏览器就会以他的左上角为原点,建立新的坐标系。再在这个参照物的下级插入层,则层绝对于该参照物定位,如果需要改变层的位置,可以直接在层的属性面板上输入Left Top的数值(不可以使用鼠标拖拉),切记此数值的坐标原点是你所指定的参照物,而不是浏览器的边缘(在Dreamweaver中编辑时,该层看起来像是绝对于页面边缘定位的,但在浏览器中,它是绝对于所指定的参照物)。

分类目录: 建站教程 | 标签: 定位  技巧   | 评论:0
上一篇: 在Dreamweaver中使用层的几点建议
下一篇: 分享漂亮的荧光紫色字体的做法