求纯css使div垂直水平居中？
<style>
#mainDiv{
position:absolute;
top:50%;
left:50%;
margin-top:-300px;
margin-left:-300px;
width:600px;
height:600px;
border:1px solid blue;
}
</style>
<body>
<div id="mainDiv">
</div>
</body>
以上这段代码貌似可以实现水平垂直都居中，但在窗口较小的时候就不完整了！
求各位达人指教，多谢！
http://blog.fufuok.com/Article/DivCenter.aspx
楼上不错。。
1楼没仔细看我帖吧，我帖了段代码原理和你帖的一样的，是有缺陷的。
引用 哈哈
把窗口缩小，你就会发现div部分会被遮住，谢谢
是指窗口小于600*600？
HTML code:
#mainDiv{
position:absolute;
top:50%;
left:50%;
width:600px;
height:600px;
border:1px solid blue;
}
CSS code:
#mainDiv{
position:absolute;
margin-top:10%;
margin-left:25%;
width:50%;
height:50%;
border:1px solid blue;
}
折中的办法是全部用相对数值
不同的浏览器 请hack 各自的数值
感觉比JS麻烦多了
浏览器的hack，是没什么办法的。
{
相关问答：
我想做的是这样一个效果，你左边做的是导航菜单，假如有若干个超级链接，点击某个后这个链接的内容要到右边显示。当然这个功能可以使用Html中的 frame框架实现，但是现在有很多的浏览器不支持这种frame，能不能用css ......
在使用CSS中的padding-left时遇到一个问题。就是本来已经设置好的宽度，padding-left一设置 多少好像就把这个加宽了多少。后面的DIV就变位置了。有没解决办法呀
能不能写一个css的类 让所有input type="button"的按钮直接自动套用这个类 而不用我一个一个手动去加到每个input里面？
我用的是连接池做的，配连接池的方法应该没有错，为什就是出现这种问题
近来做页面都会在本机上调试好FF IE7 IE6，但是调试过的页面有时在别人的IE6,IE7会显示不正常，于是找第三者，有时候跟我这边显示一致，有时候跟对方先是一致 ，前台IE6 IE7兼容没有标准，这个前台还怎么活！
