页脚不响应中心命令

我正在做一个非常简单的网站，我已经得到了我的页脚一个问题：它没有中心。我已经完成了所有的余裕：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

在此先感谢。

来源

2012-02-19 Henrique P.

您的页脚不与余量为中心的原因是因为postion:fixed的。删除它会听从你的marginauto的。

如果你需要它是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性能。

来源

2012-02-19 02:44:24

感谢，它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

-2

尝试使用您的页脚一个表，并设置TD的排列居中

来源

2012-02-19 02:40:40 Prabhavith

'table's不应该被用来布局的目的。 – 2012-02-19 02:42:44

对不起，不喜欢桌子。不过谢谢。 – 2012-02-19 02:51:15

我认为你必须与一个问题：

位置：固定

尝试没有它。如果你想它坚持到底部尝试与其他职位（绝对等）。试着用margin来代替，然后使用left：auto和right：auto。因为在固定头寸上我认为利润率并不重要。

如果你坚持这样做，可以尝试将页脚设置为100％的宽度，将其设置为固定位置，然后将其放在固定页脚的内部，并给出一个页边距：0 auto。它将以页脚为中心。

来源

2012-02-19 02:42:26 TosheX

相对而言，绝对问题依然存在。固定和左/右：自动;也没有工作。该包装部分我真的不明白，我做了我认为正确的事和宽度的方式：100％使得它占据了整个页面。所以没有工作; x。真的想着为什么它不能像我第一次写它的方式那样工作。 – 2012-02-19 02:50:47

然后尝试左，右为50％。另一件事，我谈论的包装材料是这样的： http://pastebin.com/yLJt1n3A – TosheX 2012-02-19 03:28:34

页脚不响应中心命令

回答

相关问题