由於圖像定位相對不需要的空白空間

我只是想將圖像和文本添加到頁腳中，但是當我這樣做時，頁面底部會出現一個空白區域，我不知道如何擺脫。請參閱http://125.214.65.211:90/specials.php 由於圖像定位相對不需要的空白空間

在頁面底部，我添加了「禮品券」圖片和「非街邊停車」文字。但是，這會在粉紅色頁腳下創建白色間隙，我如何去除白色間隙。

我已經繼承了網站，所以不想更改所有現有的表結構。我只想要一些CSS應用於現有的HTML。

我試着設置父級和溢出的高度：隱藏但沒有幫助。

2011-03-14 Daveo

使用螢火蟲，因爲您使用不必要的tr，在您的頁腳填充像你使用頁腳類兩次，這增加了高度＆給予填充.footer .footer2_td – sandeep 2011-03-14 11:36:10

@sandeep謝謝你的提示我已經在使用螢火蟲，並注意到不必要的tr，填充和額外的footer class/table，但它們不是問題，這是Sotiris在下面回答的，使用relat而不是浮動positioing – Daveo 2011-03-14 11:48:59

此行爲是邏輯。使用position:relative您將元素從其初始位置移動，但是仍然佔用初始位置的空間並導致白色間隙。解決方案是刪除圖像和跨度的相對位置，並使用浮點數表.footer,img和float:right爲span。對於.footer設置寬度類似300px和span寬度200px。也因爲你有兩個.footer刪除第一個是空的。然後，當元素具有其位置時，可以使用margin將它們推入正確的位置，或使用position:relative。注：下一個網站嘗試避免表格佈局。欲瞭解更多信息，請訪問計算器問題Why not use tables for layout in HTML?

來源

2011-03-14 11:35:37 Sotiris

完美的感謝，我知道爲什麼問題發生，但不知道如何解決它。是的，我知道要避免表格，這個網站是作爲模板購買的，我只是將它觸及起來 – Daveo 2011-03-14 11:47:26

@Daveo歡迎您:) – Sotiris 2011-03-14 11:51:37

嘗試添加VALIGN =頂部最後並移除填充的圖像，文本停車場等，

可以工作，也有一個帶班「footer2_td」，如果這不一定需要刪除它..

來源

2011-03-14 11:40:50 Vijay

由於圖像定位相對不需要的空白空間

回答

相關問題