不合邏輯的HTML和CSS繼承？

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

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

幫助是極大的讚賞

來源

2011-08-31 Tom

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

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

我仍然沒有看到它。 – sdleihssirhc

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

來源

2011-08-31 19:48:17 ShaneC

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

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

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

嘗試

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

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

來源

2011-08-31 19:54:52 buritos

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

不合邏輯的HTML和CSS繼承？

回答

相關問題