-4

div に埋め込まれたテーブルがあり、その左側に画像が浮かんでいます。padding-left を使用して、画像とテーブルの間にスペースを追加します。ほとんどのブラウザーで思い通りに動作しますが、IE7 ではテーブルが画像に触れています。要素を調べると、パディングがテーブルの左側ではなく、テーブルと重なっています。

これを最小限のフィドルで複製しようとしましたが、私の試みはすべてのブラウザでこの誤動作に遭遇したため、実際のページで何が違うのかわかりません.

実際のページは次のとおりです。

http://dev.bridgebase.com/barmar_test/lessons/index-so.php?cat_id=3

気になる間隔は「Title:」の左側です。

試行されたフィドルは次のとおりです。

http://jsfiddle.net/barmar/HaCgF/4/

すべてのブラウザーでこの間隔を一貫して取得するにはどうすればよいですか?

4

3 に答える 3

0

テーブルの上ではなく、画像にpadding-leftを追加してみてくださいmargin-right。JSFiddleに加えた非常に小さな変更を参照してください。

于 2012-07-25T17:47:44.597 に答える
0

テーブルのパディングを削除して、画像にマージン左を配置してみませんか?

于 2012-07-25T17:42:42.970 に答える
0

これが私の答えの試みです。私は少し動き回りました (やりすぎたら怒鳴ってください:-p)….movie要素に clearfix を適用するなど。これが私のやり方です。の代わりにパディングを画像に移動しましたTABLE。THテーブルのパディングは、必ずしも期待どおりではないことに気付きました。ほとんどのブラウザーは、およびTD要素の内側のパディングのみを実際に期待していると思います。

于 2012-07-25T17:43:11.810 に答える