dreamweaver中我用div 为什么在不通分辨率下位置是不一样,求解
以上是代码，怎么把这个div在不同分辨率下位置固定。<styletype="text/css"><!--#apDiv1{position:absolute;left:72...
以上是代码，怎么把这个div在不同分辨率下位置固定。
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:726px;
top:257px;
width:145px;
height:31px;
z-index:1;
}
.STYLE3 {
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
}
-->
</style>
</head>
<body>
<div class="STYLE3" id="apDiv1">公司主页</div>
<table width="200" border="0" align="center">
<tr>
<td><div align="center"><img src="首页.jpg" width="1024" height="768" />
<input type="file" name="fileField" id="fileField" />
</div></td>
</tr>
</table>
</body>
</html> 展开
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:726px;
top:257px;
width:145px;
height:31px;
z-index:1;
}
.STYLE3 {
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
}
-->
</style>
</head>
<body>
<div class="STYLE3" id="apDiv1">公司主页</div>
<table width="200" border="0" align="center">
<tr>
<td><div align="center"><img src="首页.jpg" width="1024" height="768" />
<input type="file" name="fileField" id="fileField" />
</div></td>
</tr>
</table>
</body>
</html> 展开
展开全部
这个是个老问题了，经常有人问这个。
因为你的那个DIV用的是“层”，也就是绝对定位，而你的表格是“相对定位”的。举例你就明白了：
比如说你让你的表格居中，原本这个表格如果离浏览器左右边都是200像素的话，如果你把浏览器宽度拖拽的小一点话，因为表格要居中的，所以自然就会调整高浏览器左右边框的距离（这时一定会小于200像素）。这时，如果也有一个“层”，它是“绝对定位”，比如说，它离浏览器左边如果是100像素的话，不管你怎么拖拽浏览器，这个“层”离浏览器左边还会是100像素。
不同分辨率下也就相当于浏览器改变大小了，自然也就会“错位”了。
如果要解决的话，最好的方法呢，就是不要用“层”了。
你的上面那个看写成这样行不：
<table width="200" border="0" align="center">
<caption>公司主页</caption>
<tr>
<td><div align="center"><img src="首页.jpg" width="1024" height="768" />
<input type="file" name="fileField" id="fileField" />
</div></td>
</tr>
</table>
如果就喜欢用“层”的话，也不能用DW自动生成的“层”，如果是自己弄的“层”，这个问题还是有办法解决的，但是如果在这都说了的话，篇幅也就太大了。
不知道我说明白没有，希望能帮上什么。
因为你的那个DIV用的是“层”，也就是绝对定位，而你的表格是“相对定位”的。举例你就明白了：
比如说你让你的表格居中，原本这个表格如果离浏览器左右边都是200像素的话，如果你把浏览器宽度拖拽的小一点话，因为表格要居中的，所以自然就会调整高浏览器左右边框的距离（这时一定会小于200像素）。这时，如果也有一个“层”，它是“绝对定位”，比如说，它离浏览器左边如果是100像素的话，不管你怎么拖拽浏览器，这个“层”离浏览器左边还会是100像素。
不同分辨率下也就相当于浏览器改变大小了，自然也就会“错位”了。
如果要解决的话，最好的方法呢，就是不要用“层”了。
你的上面那个看写成这样行不：
<table width="200" border="0" align="center">
<caption>公司主页</caption>
<tr>
<td><div align="center"><img src="首页.jpg" width="1024" height="768" />
<input type="file" name="fileField" id="fileField" />
</div></td>
</tr>
</table>
如果就喜欢用“层”的话，也不能用DW自动生成的“层”，如果是自己弄的“层”，这个问题还是有办法解决的，但是如果在这都说了的话，篇幅也就太大了。
不知道我说明白没有，希望能帮上什么。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器，VGA延长器,VGA视频延长器,DVI KVM 切换器等，优质供应商，...
点击进入详情页
本回答由大雅新科技有限公司提供
展开全部
增加
body{
width:100%;
margin:0;
padding:0
}
.STYLE3 {
wdith:950px;
marin:0 auto
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
}
这里的950px可以根据你的实际情况修改
body{
width:100%;
margin:0;
padding:0
}
.STYLE3 {
wdith:950px;
marin:0 auto
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
}
这里的950px可以根据你的实际情况修改
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、position:absolute;绝对位置，在不同地方自然不同
2、可以通过将其父标签定位为position:relative，它就会相对父容器进行绝对定位
3、建议在常规方法，可以实现的情况下，不要用绝对定位，务实最重要
2、可以通过将其父标签定位为position:relative，它就会相对父容器进行绝对定位
3、建议在常规方法，可以实现的情况下，不要用绝对定位，务实最重要
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
