dreamweaver怎么固定层为相对距离

来源：互联网发布：十年前的网络流行语编辑：程序博客网时间：2024/04/29 04:36

方法一：通过和表格的绝对定位实现层的相对定位
在做网页的时候通过网页工具如Dreamweaver，层的属性中肯定会出现TOP和LEFT属性，这个时候层就是相对浏览器绝对定位，而如果把层插入到表格中，然后删掉TOP和LEFT属性,这个时候这个层就是相对于层所插入表格单元格绝对定位了。
例如：
<table width="30%" border="0"align="left">
<tr><td>
<div id=introduce //父层introduce开始
style="Z-INDEX: 1; WIDTH: 132px; POSITION: absolute; HEIGHT:400px">
<divid=menu1></div>//子层menu1
……
</div> //父层introduce结束
</td></tr>
</table>
大家都知道表格通过ALIGN属性和VALIGH属性以及表格的嵌套很容易实现表格相对浏览器的定位，因此利用层与表格的相对定位也很容易实现层与浏览器的相对定位。
大家都知道，在网页的层中再插入层的话，被插入的层是子层，被插入层的层是父层，子层是相对于父层绝对定位的，所以用上面介绍的方法把父层的位置确定，然后在父层中插入若干个子层，这样就解决了所有层的定位问题。因此先插入一个表格,在其中一个单元格中插入父层，可以把它设置小一点，比如说5像素宽、5象素高，这样它就不会盖住下面的链接，也不影响子层的相对位置，然后再插入需要的子层，把所有的东西都调试好后就去掉父层的TOP和LEFT属性值，这样就实现了层与浏览器的相对定位。建议把这个父层建立在表格的第一个单元格中。
方法二：通过代码确定层的位置。
1、在<head></head>之间插入如下代码：
<SCRIPT language=JavaScript>

</SCRIPT>
2、在<body></body>之间插入onload="MM_preloadImages();pagestart();"。
3、把所设置的层的LEFT属性值去掉就可以了。
由于在我们周围用户中电脑的分辨率800×600还是占大多数，因此一般的网页设计宽度都在760px－780px之间，而一般的层错位主要是左右错位，上下位置一般不会错位。所以对于基于在分辨率800×600下设置的层我们可以通过控制其LEFT属性在值来达到层位置相对定位的目的。从上面的代码可知通过获取显示器宽度像素值减去800px再除以2在加上在分辨率800×600下层LEFT的属性值，这样就可以得到在不同分辨率下层的LEFT的属性值。如果设置是基于分辨率1024×768设计的话，可以把800该为1204。