2011-10-13 107 views
2

基本上我在我的主頁上有一個包含內容的div,現在當內容越過頁面底部時,用戶必須向下滾動才能查看內容的下半部分,因爲它應該是一切正常的。CSS身高在Firefox中不起作用?

這與正文{ height:auto; },然而,當該div只有可以不滾動的內容時可以查看,主體{ -moz-box-shadow:inset 0 0 10px #33333; }有一個問題,這意味着陰影在頁面的一半。

這是很難解釋所以纔有了你自己看看:

http://middle.dyndns-server.com/index.html
這個頁面有延長潛水這樣的高度內容:汽車工程

http://middle.dyndns-server.com/schedule.html
此頁面沒有內容,所以內部陰影在Firefox中無法正常工作。我可以用height:100%來糾正這個問題,但索引也是如此。

非常感謝

回答

2

您需要添加的doctype第一

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

css

html,body{ 
    min-height:100%; 
} 

    #page{ 
     min-height:100%; 
    } 

結帳以下鏈接:

http://balam.in/personal/stackoverflow/schedule.html

http://balam.in/personal/stackoverflow/index.html

你需要把頭部標籤內或在附加外部樣式表

<style> 
html,#page,body{ 

min-height:100%; 

} 
</style> 
+0

CSS應該在開始時作爲重置還是集成在? 我用它作爲重置,但它沒有解決問題:( 非常感謝。 –

+0

地獄是啊。這終於解決了我的長期firefox問題。非常感謝這個提示隊友! – datayeah

0

嘗試添加規則到#page聲明:#page{min-height:100%;} 和一個身體delcaration:body{height:100%;}

+0

我已經做到了樣式聲明如果你看看它沒有工作的鏈接,或者我錯誤地實現了它? 謝謝 –