使我的頁腳寬度背景顏色填充瀏覽器窗口

作爲我的標題，我後來一些幫助使我的頁腳寬度背景顏色填充瀏覽器窗口。使我的頁腳寬度背景顏色填充瀏覽器窗口

我的頁腳標記是在我的包裝內建立的，它是1000px;所以當爲我的頁腳賦予背景色時，身體背景色將顯示在兩側。我想出了margin-left -1000px的快速構思，然後填充 - 剩下1000px，右邊是相同的，這在桌面上看起來很容易，但是在iphone或ipad上觀看時，這樣做效果並不理想。

網站測試頁.... http://www.rubb.co.uk/test/index.htm

請注意網站內容仍然需要完成。目前正在重新設計整個網站。

謝謝。

來源

2013-10-18 mhalpin13

那麼你需要把你的頁腳從包裝中取出。更改包裝定義中使用.wrapper代替#wrapper指定，所以你可以使用它不止一次，所以你可以有這樣的：

<div class="wrapper"> 
    <!-- rest of website here --> 
</div> 
<div id="footer"> 
    <div class="wrapper"> 
     <!-- footer content here --> 
    </div> 
</div>

然後，你可以給你的#footer的背景顏色

來源

2013-10-18 09:22:14

感謝您的，稍微向前，但現在一切都是左對齊的...嘗試了常規方法，但沒有工作。如果我給包裝1000px的寬度，如果把頁腳放回到正方形1 ...任何想法？歡呼 – mhalpin13

翻閱HTML並不完全符合我的建議，但您可以通過添加以下內容輕鬆解決：margin-left：auto;保證金右：自動; #top_bar，#header，#content和#footer，它們將居中對齊這些DIVS –

雖然你的特殊情況不會幫助任何人。您需要您的標記從改變：

#wrapper 
    -> #footer_box

要

#wrapper 
#footer_box

現在footer_box將有寬度100％。你是#wrapper有固定的寬度，所以它不會從position: fixed流出，然後它將始終可見。

來源

2013-10-18 09:18:09

使我的頁腳寬度背景顏色填充瀏覽器窗口

回答

相關問題