空間

2012-05-21 23 views
-1

可能重複:
Space at the bottom and right side of my page空間

首先,我爲張貼這兩次對不起,我剛纔的問題早得到了很好的答覆,但他們沒有修復我的問題..所以我張貼它再次希望得到更多的答案(我真的需要解決這個問題!)

鏈接爲實際page

基本上,報價/性能股利和頁腳間我的頁面底部有一個很大的空間。我知道這是爲什麼;我已經使用相對定位和使用頂部:-256px;把盒子放在他們所在的位置。

我曾嘗試:

對齊2周的div絕對定位 - 這確實的底部擺脫空間的,我可以得到箱子但是,我想他們,如果我是按比例縮小的伎倆瀏覽器,箱子走出去的位置。(有沒有辦法來解決呢?)

刪除所有定位和浮動他們的左/右 - 底部/刪除空間的權利,但不進入位置我想他們喜歡

山姆在我剛纔的問題做了this,它按我的問題只是我可以讓他們到位!

添加overflow: hidden;到div容器。

我只是不知道如何做,所以任何幫助真的感謝!

在此先感謝!

+3

你需要編輯你原來的問題 – Cfreak

+3

首先不要的重新發布它會被標記和刪除。其次,我建議使用jsfiddle將所有代碼顯示爲一個微不足道的網站,它可以幫助其他人查看您的代碼。另外請確保你的網站看起來像你想在Firefox中一樣,因爲我在Aurora 14.02中查看它,底部的空間不是我發現的唯一問題。 – Xitcod13

+0

再想一想吧。如果您需要,請使用表格。 –

回答

0

編輯:

剛看到,你有這個問題的答案已經..下一步就是把這些箱子在一個容器中。

<div id="offer_box_wrap"></div> 

風格

#offer_box_wrap { 
width: 650px; 
float: left; 
margin-left: 5px; 
} 

你必須調整它,但它應該工作

編輯完

你相對定位你的信箱了所以......

我建議這

不使用<li>的盒子

使用一個div因爲你想要的比對它們的類​​。

<div class="offer_box"></div> 

風采吧

.offer_box { 
width: 208px; 
height: 170px; 
background: url(http://www.propertytest.uphero.com/images/offers_box.png) no-repeat; 
float:left; 
margin: (figure out the spacing you need for 3 per row) 
} 

提出明確的div的最後一個下

<div style="clear: both"></div> 

看到在這裏http://jsfiddle.net/atTGa/2/