2012-09-17 68 views
0

編輯 - 問題已解決。感謝大家的幫助!頁腳底部的空格

在這個URL中,佈局是我想要它的樣子(包含所有重疊的圖像)。然而,在頁面的底部是一個巨大的差距,我已經非常難以擺脫。

我已經做了一些搜索,並嘗試了不同的方法,但都沒有成功。

將不勝感激任何幫助!

+1

爲了將來的參考,不要使用URL,因爲這將在未來發生變化,人們將無法看到你在說什麼。相反,發佈隔離問題的代碼片段。 – IcedDante

+0

你的容器落在遠遠低於你的頁腳的位置......看起來你的divs/etc可能沒什麼問題 – Grixxly

+0

對不起,IcedD​​ante會做! – TTN

回答

2

在使用開發人員工具玩您的CSS時,看起來問題是當您爲#absolute-container設置top屬性時,間隙就是容器移動之前的空間。我發現這可以解決問題:不要設置top屬性,請將margin-top#absolute-container設置爲-723px

+0

非常感謝Jacob! 乾杯 T – TTN

1

很簡單,那是因爲這個:

#absolute-container {top: -723px;} 

一個更完整的答案是...你的頁面構造錯誤。以更簡單的方式重做它。我不能爲你做,但絕對定位的東西,並在這樣的頁面上移動它們是不好的設計。

+0

謝謝,我同意。我的HTML/CSS技能並不是最好的,所以我使用了一些來自網絡的教程 - 我認爲將它們結合起來會讓事情變得複雜起來!我會努力清理代碼。 謝謝! – TTN

+0

不用擔心:)您可能希望查看像960網格系統(http://960.gs/)這樣的框架系統。它仍然需要一點點學習才能知道如何使用它,但它爲您的網站提供了構建模塊,使第一階段更容易。 – zenkaty