2011-08-31 49 views
0

我有總是留在底部的頁腳表。爲了實現這一點,我用類包裝器做了一個div。包裝的高度和寬度都是100%。頁腳不在包裝內,因此它始終位於底部。通過給封套一個-150px的頁邊距底部,我將頁腳拉起來。但是,當你重新調整頁面的大小時,很明顯表格內部的包裝器繼承了-150px的頁邊距,這很奇怪。如果我爲表格設置頁邊距150px,它將停止在safari和chrome中工作。不合邏輯的HTML和CSS繼承?

這裏是網站:http://canmill.zxq.net

幫助是極大的讚賞

+0

我有一個很難看到的問題是什麼。在Chrome 13/Windows 7上,它看起來沒有任何新的邊距被引入到任何地方。你可以發佈圖片之前/之後嗎? – sdleihssirhc

+0

問題在那裏。事實證明,我上傳錯誤的文件。但現在它的正確的一個和它的越野車 – Tom

+0

我仍然沒有看到它。 – sdleihssirhc

回答

1

有已經引起了這個問題的幾個設計選擇(特別是你的包裝的div)。此頁上提供的代碼應該可以幫助你糾正:http://www.cssstickyfooter.com/using-sticky-footer-code.html

+0

非常有益的鏈接感謝,如果我看到這樣的事情讓這本來是非常有幫助+1該網站之前 – Tom

+1

適應您的網站使用此格式將不會太困難,雖然。從它的外觀你的頁眉和頁腳是一個靜態高度,你的內容是一個可變的高度。因此,只要通過把在#wrap塊頂部你的頭,在#main塊內容,和你的頁腳在#footer的塊適應您的佈局以「置頂頁腳」佈局。 – ShaneC

+0

這其實是我目前正在做:) – Tom

1

嘗試

.wrapper { 
    padding: 0 0 200px 0; 
} 

.footer { 
    margin-top: 0px; 
    background: url(images/bottombg.jpg) repeat-x; 
    position: fixed; 
    bottom: 0px; 
} 
+0

+1什麼上'填充.wrapper' – Wex