1

ここにIE7で問題を引き起こしているhtmlコードがあります

<div style="position:absolute;top:276px;left:194px;" class="drag layer_3">
<img class="deleteitem" height="12px" width="12px" title="Remove" src="/static/redclose.png" style="float:right;cursor:pointer;">
<img src="/static/18.png"  >
</div>

これは本来あるべき姿であり、ie8、firefox では問題なく表示されます。

http://img200.imageshack.us/img200/189/ie8.png

しかし IE7 では、フロート右画像はこのようにドキュメントの右端にジャンプします

http://img33.imageshack.us/img33/6239/ie7bug.png

どうすればこれを修正できますか? 高さ幅の属性を削除して、max-height,max-width を使用してみました。それは役に立ちませんでした。どうもありがとう

4

4 に答える 4

2

divの幅を明示的に設定するか、画像の順序を逆にして、右ではなく左にフロートすることができます。

<div style="position:absolute;top:276px;left:194px;" class="drag layer_3">
    <img src="/static/18.png" style="float:left"  >
    <img class="deleteitem" height="12px" width="12px" title="Remove"
         src="/static/redclose.png" style="cursor:pointer;">
</div>
于 2009-05-23T04:54:08.927 に答える
1

問題の要素は、「drag layer_3」の親の右側に浮かんでいると思います。これは、誰かを絶対位置にすると、通常のドキュメントフローから外れます。

于 2009-05-23T04:20:05.753 に答える
1

あなたの質問はここで答えられているかもしれません: Floating Too Far Right!

jQuery はブラウザーに依存しないように記述されているため、jQuery を使用してこれを行うことを彼は提案しています。

また、下部にある元の作成者のソリューションを参照してください (jQuery を使用していません)。

于 2009-05-23T04:22:20.370 に答える
1

.drag と layer_3 を確認する必要があると思います。現時点では、Remove の親の幅が定義されていません。IE7 では div の幅が異なる可能性があると思います。境界線を追加して、計算された幅を確認してください。

于 2009-05-23T04:42:19.877 に答える