2013-03-30 82 views
0

我開發一個小網站的頂部:頁腳DIV一直跳到

http://www.designbyantony.com/David%20Quigley%20www/index.html

(這是我自己的網站在我的服務器上的文件夾內) 我想頁腳div來遵循從每頁結尾處的內容即:不要粘到視口的底部。我已經在所有頁面上管理它,除了它不在主頁上工作 - 按照上面的鏈接。我花了一個美好的一天試圖擺弄:隱藏等,但我沒有任何運氣。我有一種感覺,這與主頁使用全屏圖像的事實有關。

+0

我不知道是否我得到的頁腳「不粘」在底部。它似乎已經堅持在底部的所有其他頁面 – btevfik

+0

也爲什麼不設置頁面的背景到CSS中的圖片? – btevfik

回答

0

好吧,我想我知道你在找什麼。

  1. 通過<!-- InstanceEndEditable -->後去除</div>移動#homepage_content所述的#header之外。相反,在第一個清除div之前添加一個</div>

  2. 將#homepage_content的CSS代碼更改爲position:relative;或者只是刪除該位置:固定。

  3. 我認爲你正在尋找#homepage_content的透明背景顏色,對吧?要做到這一點,你必須刪除#homepage_wrapper的bakcground-color,並在#header div上放置白色背景色。

希望它修復它。

+0

嗨 - 感謝您的幫助,非常感謝。這似乎修復了它。你覺得它看起來沒問題。我有點擔心,當視口大小縮小時,頁腳會創建滾動條。你怎麼看? Woudl最好將頁腳固定到主頁視口的底部? –

0

我已經在jsfiddle中複製了你的html。並在css background: url中設置背景。頁腳似乎是在底部。

http://jsfiddle.net/btevfik/hDkQC/

+0

嗨 - 感謝您的幫助,非常感謝。 –

1

帶外#header你頭後面缺少</div>內容。
刪除position: fixed;#homepage_contentz-index:-1#bg

+0

嗨 - 感謝您的幫助,非常感謝。 –

+0

贊成,如果它幫助你。 http://stackoverflow.com/privileges/vote-up – VenomVendor