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

Question

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

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

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

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

謝謝。

Answer 1

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

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

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

Answer 2

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

#wrapper 
    -> #footer_box 

要

#wrapper 
#footer_box 

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