頁腳居中幫助

我有一個非常簡單的問題，我相信。我有一個footer.php，我把它放在我的主頁和所有的子頁面上（爲了使它更容易，所以我可以在一個位置更改頁腳）。而且我正在努力讓頁腳保持在固定寬度的中心位置，而不管瀏覽器窗口的大小如何。例如，我希望我的頁面寬度爲950px，頁腳始終處於中心位置，因此，即使將瀏覽器的大小調整爲儘可能小，它也只是包含頁腳，而不是在調整大小的窗口中移動頁面。很像apple.com的頁腳。頁腳居中幫助

謝謝您的幫助

來源

2011-09-12 Chris G

很好描述了一個新手的問題。 +1 :) – Akos

在您的標記：

<div id="footer-container"> 
    <div id="footer"> 
     Footer stuff 
    </div> 
</div>

而在你的CSS：

#footer-container { 
    /* centering for IE */ 
    text-align: center; 
} 
#footer { 
    width: 950px; 
    /* undo text-align on container */ 
    text-align: left; 
    /* centering for other browsers */ 
    margin: auto; 
}

編輯：我把一些其他的解決方案的這個評論，但刪除了他們，因爲我沒有」我想要複製/粘貼它們。請注意， margin: auto在舊版本的IE中不起作用，所以如果你想讓頁腳在中間對齊，你需要做一些嵌套，就像我在這個版本中一樣。

來源

2011-09-12 17:08:12 jmar777

公平的警告它只是IE6不支持，每次你支持IE6神殺死一隻小狗 –

這可能是事實，但每次我不支持IE6時，我的老闆殺死了兩隻小狗。：\ – jmar777

真棒，感謝所有的快速提示。完美工作。我好奇，在這個相同的背景下，人們如何去集中一個圖像而不是文本？ –

只需設置width: 950px和margin-left:auto; margin-right:auto;。

由於auto的左右邊距，<div>將居中。一旦瀏覽器的大小下降到需要滾動的地步，瀏覽器就不會縮小你的內容，它只需要左/右滾動，這對於你的內容來說是不可或缺的。

來源

2011-09-12 17:06:26 Brad

您只需要設置您的頁腳的width，然後給它一個margin:0 auto其中0代表的頂部和底部的利潤率和auto是左側和右側。

來源

2011-09-12 17:06:53

我想你可以用CSS一點點解決這個問題：

HTML & PHP：

<div id="footer"> 
<?php include("footer.php"); ?> 
</div>

CSS：

#footer { 
margin: 0 auto; 
text-align: center; 
}

希望這有助於！ :)

來源

2011-09-12 17:08:29 Akos

頁腳居中幫助

回答

相關問題