2011-12-18 63 views
0

我想让包装的底部始终接触浏览器的底部。但我不知道如何水平居中。如何在包装底部时将包装中心居中:0px?

网址:http://arabic001.com

#wrapper { 
    position:absolute; 
    text-align:center; 
    bottom:0px; 
    width:1110px; 
    height:675px; 
    border:1px white solid; 
} 

感谢John我解决了水平居中它的问题。但现在最底层的举动真的很奇怪。它之间的切换太低(包装的一部分被浏览器的底部吃掉),或者底部有额外的空间,即使代码显示为bottom:0px ;.这里是我的新代码:

#wrapper { 
    position:absolute; 
    text-align:center; 
    bottom:0px; 
    left:50%; 
    margin-left:-555px; 
    width:1110px; 
    height:675px; 
    border:1px white solid; 
} 

回答

2
left:50%; 
margin-left:-555px; 

填充它的一半,并减去一半的宽度左边距。 http://screensnapr.com/v/dZvq1K.png

+0

谢谢!以美丽为中心。但是现在,尽管我写了bottom:0px;当我将浏览器设置为更大尺寸时,底部仍有一些空间。有没有办法解决这个问题? – L1900 2011-12-18 00:49:01

+0

更正:我只是再次检查它,它与我刚刚描述的相反。浏览器越大,在底部被吃掉的块越大!我如何解决这个问题? – L1900 2011-12-18 00:51:41

+0

真正奇怪的事情正在发生。我将在上面的问题中描述它(编辑)它。 – L1900 2011-12-18 01:00:29