-1

重複の可能性：
ページの下部と右側のスペース

まず、これを2回投稿して申し訳ありません。以前の質問には良い回答がありましたが、問題は解決しませんでした。そこで、さらに回答を得るためにもう一度投稿します（この問題を修正する必要があります）。

実際のページへのリンク

基本的に、私のページの下部にあるoffers / property divとフッターの間には、大きなスペースがあります。私はこれがなぜであるかを知っています。私は相対ポジショニングを使用し、topを使用しました：-256px; ボックスをその場所に配置します。

私が試してみました：

2つのdivを絶対位置に合わせる-これは下部のスペースを取り除くトリックを行い、必要な場所にボックスを取得できますが、ブラウザーを縮小すると、ボックスの位置がずれます..（それを回避する方法はありますか？）

すべてのポジショニングを削除し、それらを左/右に浮かせます-下/右のスペースを削除しますが、希望する位置には移動しません

私の前の質問のサムはこれをしました、それは私がそれらを正しい位置に置くことができるという私の問題の一種です！

overflow: hidden;コンテナdivに追加します。

どうしたらいいかわからないので、助けていただければ幸いです。

前もって感謝します！

4

1 に答える 1

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 を配置します

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

ここでそれを参照してくださいhttp://jsfiddle.net/atTGa/2/

于 2012-05-21T20:15:14.033 に答える