2011-05-04 99 views
0

我無法創建HTML5跨瀏覽器的模板FF3 +和IE8 +:跨瀏覽器佈局幫助

規格:

Width: 990px; 

我的導航是利用<nav>語法

左手邊我導航是在一個div裏面,一個名爲leftCol的ID,這個div有一個叫做metalbg的背景。

我的內容區域位於一個稱爲內容的div中。

我的頁腳是在footer標籤

問題:

我想這樣,如果該網站沒有「滾動」頁腳保持在底部,該網站是「全HIGHT」創建CSS但如果我有更多需要滾動的內容,metalbg圖像將會擴大以及內容區域,但它必須重新回到底部。

我似乎無法得到兩個工作。

+0

聽起來你在這裏有兩個問題。第一種是在內容擴展時試圖讓背景擴展到頁面的底部。第二種是讓頁腳始終保持在瀏覽器窗口的底部。第二個可能需要Javascript來幫助支持舊版瀏覽器。 – Mindthetic 2011-05-04 11:44:32

+0

你能提供一個例子嗎? – 2011-05-04 19:08:02

+0

當然。你是否希望頁腳始終位於瀏覽器窗口的底部,還是希望它位於頁面的底部;如果內容超出瀏覽器窗口的高度? – Mindthetic 2011-05-09 20:59:54

回答

2

我認爲要達到此目標,您應該嘗試Ryan Fait的Sticky Footer技術。

但是,如果您希望頁腳停留在瀏覽器窗口的底部,即使內容大於瀏覽器窗口的高度,這也不起作用。

+0

到目前爲止,我見過的每一個粘性頁腳技術都讓你爲頁腳設置了一個絕對高度,這對我而言是不可能的(可變內容)。 – 2011-05-09 21:12:18

+0

在這種情況下,我可以想到沒有太多麻煩的唯一解決方案是使用Javascript來計算頁腳的高度並相應地更改CSS。我確信在純CSS中有這樣做的方法,但爲了使它跨瀏覽器兼容,最有可能導致流淚和頭髮損失。 :) – Mindthetic 2011-05-10 09:01:28