页脚不响应中心命令
我正在做一个非常简单的网站,我已经得到了我的页脚一个问题:它没有中心。我已经完成了所有的余裕:auto;和正确的事情,问题仍然存在于Chrome和Firefox中。代码:页脚不响应中心命令
#footer {
position: fixed;
z-index:10;
margin-left: auto;
margin-right: auto;
width: 1000px;
height:35px;
bottom:0px;
background-color:#363636;
/* Style info that has nothing to do with the problem below this line */
box-shadow: 1px -2px 6px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:1px -2px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow:1px -2px 6px rgba(0, 0, 0, 0.5);
border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
已尝试输入“display:inline-block;”。 index.html代码(ofc它仍然在开发中,什么也没有):http://d.pr/btSa
在此先感谢。
您的页脚不与余量为中心的原因是因为postion:fixed
的。删除它会听从你的margin
auto
的。
如果你需要它是fixed
,更新你的CSS看起来像这样:
#footer {
position: fixed;
z-index:10;
bottom:0;
left:50%;
margin-left: -500px;
width: 1000px;
height:35px;
bottom:0px;
background-color:#363636;
/* Style info that has nothing to do with the problem below this line */
}
注意添加bottom:0;
,left:50%;
和更新margin
性能。
尝试使用您的页脚一个表,并设置TD的排列居中
'table's不应该被用来布局的目的。 – 2012-02-19 02:42:44
对不起,不喜欢桌子。不过谢谢。 – 2012-02-19 02:51:15
我认为你必须与一个问题:
位置:固定
尝试没有它。如果你想它坚持到底部尝试与其他职位(绝对等)。试着用margin来代替,然后使用left:auto和right:auto。因为在固定头寸上我认为利润率并不重要。
如果你坚持这样做,可以尝试将页脚设置为100%的宽度,将其设置为固定位置,然后将其放在固定页脚的内部,并给出一个页边距:0 auto。它将以页脚为中心。
相对而言,绝对问题依然存在。固定和左/右:自动;也没有工作。该包装部分我真的不明白,我做了我认为正确的事和宽度的方式:100%使得它占据了整个页面。所以没有工作; x。真的想着为什么它不能像我第一次写它的方式那样工作。 – 2012-02-19 02:50:47
然后尝试左,右为50%。 另一件事,我谈论的包装材料是这样的: http://pastebin.com/yLJt1n3A – TosheX 2012-02-19 03:28:34
感谢,它sorta工作,但它不停留在页面的底部无w/o位置固定。底部:0像素;似乎没有工作。在这里:http://d.pr/cVPT – 2012-02-19 02:56:52
我已经更新了我的答案,使用你的'postion:fixed'的解决方案。 – 2012-02-19 03:02:36
像魅力一样工作。谢谢你:D – 2012-02-19 03:04:20