2012-04-12 105 views
0

我遇到了最後一分鐘更改請求的問題,基本上客戶端決定更改頁腳顏色,我無法找到可行的解決方案在大屏幕上顯示並在不切割顏色和回到身體的顏色。頁腳擴展顏色css

Website

我覺得做的事情增加推類,但是我打破了該網站的響應,我將不勝感激對此有何建議。我正在尋找不要將html或body顏色更改爲白色,我想使它保持原樣。

先進的感謝。

回答

0

該網站看起來不錯。

不幸的是,我不認爲你可以改變頁腳背景顏色和下面的所有內容,而不必更改主體顏色,只需添加一個在標題TAG之前開始的包裝,就可以輕鬆解決問題。在頁腳標籤之前結束。

<div id="wrapper"> 
<header>...</header> 
.... 
</div> 
<footer>...</footer> 

我知道這是要你想避免,但我不認爲有任何「更好」的解決方案,任何其他解決方案將意味着JavaScript來讓頁腳成長,這是不是很好:P

祝你好運

+0

不幸的是我已經有身體,也與其他紋理損害的HTML標籤,是不可能爲我改變,我嘗試還加入了新的div作爲你說但不工作,可能是我有一個div關閉洞模板中的某個地方正在殺死它 – andresmijares25 2012-04-13 15:48:03

0

所以基本上你的目標是確保整個頁腳區域(從頁腳頂部到窗口底部)都是白色的?

如果這就是你要做的,那麼恐怕改變<body>真的是你最好的選擇(你應該總是假定<body>將會指定頁腳背景)。

您需要做的是將所有以上的頁面包裝到的容器格中,然後將您的身體樣式切換到容器。好消息是,根據您的網站的模板化方式,這應該只是調整一個或兩個佈局文件的問題。

最終結果是<body>的背景給出了頁腳延伸到窗口底部的錯覺。

是這樣的...

<body> 
    <div id="container"> 
     <!-- all your stuff --> 
    </div><!-- #container --> 
    <footer> 
     <!--footer stuff--> 
    </footer> 
</body> 
+0

不幸的是,我已經有了身體,並且還有其他紋理損壞的html標籤,我不可能改變它,我嘗試也添加一個新的div作爲tabris說,但不工作, – andresmijares25 2012-04-13 15:47:18

+0

不幸的是,這是真正的你唯一的選擇,因爲DOM元素向上崩潰,有CSS中沒有'height:fill'屬性。如果你根本不能改變你的結構,那麼你可以調整設計,使頁腳看起來像一個水平*帶*,或者你可以給頁腳一個「固定」或「絕對」的位置。如果您選擇固定或絕對定位的頁腳,我建議您使用CSS媒體查詢將其更改爲「位置:相對」(較小的屏幕尺寸)(以便您的網站在移動設備和較小的屏幕上保持可用狀態)。 – 2012-04-13 20:34:01