頁腳不響應中心命令

我正在做一個非常簡單的網站，我已經得到了我的頁腳一個問題：它沒有中心。我已經完成了所有的餘裕：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

頁腳不響應中心命令

回答

相關問題