0

Webkit ブラウザーでは、このページは正常にレンダリングされます。

http://www.ryanhaywood.com/s/film.html

しかし、更新されたFirefoxでは、それはひどく間隔が空けられています. 私は何日もfirebugをいじっていましたが、firefoxでこれを修正する方法さえわかりません。

前述のページで展開された古風なソリューション（テーブル）についてお詫び申し上げます

誰でも問題を見つけることができますか?

前もってありがとうライアン

4

1 に答える 1

0

テーブルを使ってレイアウトを作成するのは時代遅れだとおっしゃっていましたが、私は間違いなく同意します。<div>これは、すべてのブラウザで機能するはずのを使用したソリューションです。

ここでの例：http：//jsfiddle.net/pxfunc/hjgQm/

私は映画を次のようなdivの交互のパターンでleft-orientation分類しました：right-orientation

<div class="left-orientation">
    <a href="#"><img src="http://placehold.it/250x175/ff0" alt="Director's Reel" /></a>
    <p class="title">Director's Reel</p>
</div>
<div class="right-orientation">
    <a href="#"><img src="http://placehold.it/250x175/f00" alt="Nobody's Off The Hook" /></a>
    <p class="title">Nobody's Off The Hook</p>
</div>

マージンを使用して、親div内のどこに映画が表示されるかを制御しました

#films div {width:46%;margin-top:-100px;}
#films .left-orientation {text-align:right;}
#films .right-orientation {margin-left:54%}

#films div {margin-top:-100px;}フィルムをオフセットするために希望の高さに合うように上下を調整できます

于 2011-06-01T00:19:09.320 に答える