大家看一下其中的一小段代码,
#pagecell1{
position:absolute;
top: 139px;
left: 15%;
right: 15%;
width: 862.5px;
background-color: #ffffff;
}
想让这个cell自适应居中, 应该如何更改?
什么居中,能不能详细点?
就是中间的内容区域,跟浏览器左右两边边距的问题。
left: 15%;
right: 15%;
width: 862.5px;
距离左边15%, 距离右边15%, 内容区域长862.5px,
后来我发现这个只针对我的显示器显示内容居中,距浏览器左右边框距离相等,
换了例外一台电脑,内容区域就靠右了。
不是把..你有没有搞错了..
我就觉得代码有问题,所以才发帖的啊
CSS code
padding-left: auto;
padding-right: auto;
还有就是,你70%的width =? 862.5px这个吗?
如果分辨率为1024x768或者800x600怎么办?
CSS code
#pagecell1{
position:absolute;
top: 139px;
width: 862.5px;
background-color: #ffffff;
padding-left:auto;
padding-right:auto;
}
改过来了,可是版面并没有居中啊,现在版面紧挨着浏览器的左边, 版面的右边缘一片空白
#pagecell1{
position:absolute;
top: 139px;
width: 862.5px;
background-color: #ffffff;
padding-left:(scrollwidth-862)/2;
padding-right:auto;
}
得分回复需要阅读,请登录CSDN!
十分感谢大家的帮助,9楼的fengzi1220的方法帮我搞定了, 8楼SimpleDay的方法没有试,还要计算好像有点麻烦。
因为分数太少,只有20分,只能给一个人了,谢谢!
代码贴出来吧