背景寬度+頁腳拉伸超過它應該

Question

我有這個網站：http://www.ryansammut.com/orijen/contact.html。

頁腳也比Firefox應該更長，但在IE和Chrome中也可以。

當我放大很多，然後滾動到右側時，背景也會消失。

Answer 1

該網站有一些沉重的設計問題...

但如果我不理會他們，只是解決問題的手最容易和最骯髒的方式可能的話，我會建議這個CSS添加到底：

body { 
    margin: 0 auto; 
    width: 1280px; 
} 

由於這樣的事實，我不能花我所有的時間做你的工作，大多數我所能做的就是爲未來:)

1. 降低您的的整體寬度提供建議網站大約984px到 適應更多的屏幕尺寸。
2. 重新設計容器箱佈局， 如果您有 即可在紙上繪製它們。
3. 瞭解成長到合適， 收縮以配合在CSS的寬度和如何 觸發他們
4. 使用相對定位和權利，如果你沒有經驗 使用左/避免 。
5. 安裝螢火蟲和使用它的實驗 CSS。

編輯：

令對方後3 div的之一，寬度：爲每個自動（默認值）。

稱他們爲＃標題，內容＃，＃頁腳

給每個div的一個子DIV，一類.SUB，並給他們相同的背景，因爲它的父。

使.SUB類具有所需的寬度（1280px）並保持了3

之間等於給.SUB類margin:0 auto;

讓你的網站結構看起來是這樣的：

<div id="header"> 
    <div class="sub"></div> 
</div> 
<div id="content"> 
    <div class="sub"></div> 
</div> 
<div id="footer"> 
    <div class="sub"></div> 
</div> 

和你的CSS是這樣的：

#header, 
#content, 
#footer { 
    width:auto;/*not necessary as it's the default value anyway*/ 
    position:relative;/*not necessary but will help later on*/ 
} 
#header .sub, 
#content .sub, 
#footer .sub { 
    width:1280px; 
    margin:0 auto; 
} 
#header, 
#header .sub { 
    background:whatever1; 
} 
#content, 
#content .sub { 
    background:whatever2; 
} 
#footer, 
#footer .sub { 
    background:whatever3; 
} 

這是你想要的嗎？

另外，如果你不想改變你的網站的HTML，你可以嘗試玩最小寬度。 在IE6中，寬度幾乎與最小寬度相同。