2011-10-19 93 views
0

我有這個網頁,你可以看到我的網頁有空白。我試圖對CSS的寬度和高度設置爲100%,但不知道爲什麼它不能達到整個屏幕:HTML網頁全屏

http://luc.edu/loyolamaps/basemap/

任何人都可以在這方面幫助?

+0

考慮一個CSS重置表。 –

+0

好吧,這有幫助,我得到它的整個寬度和高度爲我的包裝,但現在地圖有一個大的白色差距在底部上方的腳註:luc.edu/loyolamaps/basemap有誰知道如何解決?我嘗試過各種CSS編輯,但沒有任何地圖將頁面整個高度設置爲頁腳。 – Alpdog14

+0

我沒有看到差距。你在什麼瀏覽器? –

回答

1

我相信你需要

body { 
    margin: 0; 
    padding: 0; 
} 

這將使內容到達視口的outter-限制。

+0

僅當其他元素被設置爲從父項繼承填充或邊距時,這不是默認值。 – animuson

+0

@animuson:我的第一個例子使用了'*,body',但是我修改了它,所以你會準確的。 –

4

默認情況下,body元素上有一個margin: 10px,只需將margin: 0添加到您身體的CSS中即可。

+0

好吧這有幫助,我得到它出現我的包裝的整個寬度和高度,但現在的地圖有一個大的白色差距在底部上方的頁腳: http://luc.edu/loyolamaps/basemap/ 有誰知道如何解決這個問題?我嘗試過各種CSS編輯,但沒有任何地圖將頁面整個高度設置爲頁腳。 – Alpdog14