2012-03-06 64 views
0

不管我有多少玩弄填充和保證金屬性我似乎無法解決我在大屏幕上的問題 - html的底部有一個「切斷「,從屏幕底部看起來有一個餘量。我不知道這是哪個元素,但是所有元素都被重置爲0填充或邊距。html或body size - 填充/高度/ margin/something

當我添加下面的CSS我發現差距確實是在底部 - 有下面沒有元素:

* {outline: solid 1px;} 

這裏是一個URL的網站,如果任何人想坐看:http://preview.tinyurl.com/7ywoqpf

回答

0

我撥弄着螢火蟲,發現設置:

HTML {身高:100%;}

已經解決了這個問題,將更新網站今晚稍後

2

你的div.holder有一個min-height的650個像素。

當我刪除它時,間隙消失了。

在這些情況下最好的做法是像Firebug或Chrome內置的文檔檢查器。他們會告訴你DOM中哪些元素完全佔用了哪個空間。

1

請記住塊級元素將填充它們的容器寬度但不是高度。所以也許是你的頁面中的div和容器高度不足以達到底部的情況。有一種叫做「推動divs」,「sticky footers」的地方,div將停留在底部。也許你會把你的背景圖片放在裏面,它會停留在底部。在你的CSS中有幾個錯誤,但你不能有一個像素的.5。

+0

@ I-CINICA感謝info我會研究「push div」是一個具有特定屬性的元素嗎?此外,請讓我知道任何CSS問題我是一個新手 – 2012-03-06 12:04:55

+0

「推動div」,不是一個特定的屬性,它是一組屬性來實現效果。一點小小的欺騙,差不多。看起來你在做什麼之後,該背景圖片停留在用戶屏幕的左下角,但除非你的內容恰好是他們屏幕的高度,否則它將不起作用。一個div推到底部,高度足以容納該圖像應該工作。有可能更簡單的方法,但我不能在我的屏幕上真的有其他網站,我在工作...... :(給「Stylizer」一試,這是一個實時CSS編輯器,並且只會允許你寫有效的CSS – 2012-03-06 12:10:07

+0

謝謝!並努力工作 – 2012-03-06 12:13:21