0

短い質問ですが...

次のオプションを使用して FF で正しく設定されているスパン コンテナーがあります。

<span id="qmmenue" style="left: 0px; top: 2852px; color: #777777; line-height: 12px; font-family: Calibri; font-size: 12px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=45, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=135, Strength=3); position: absolute; zoom: 1; max-width: 500px; background-color: white;" jQuery17207240081996974917="9">

このスパンには、イメージと 2 つの p 要素があります。

私の問題は、Firefox ではボックスが最小幅しかないことです。Internet Explorer では、画面の約 80% にボックスが表示され、そのほとんどは空です。

FF と IE のスクリーンショットを次に示します。

http://s16.postimage.org/i2ak9xj1x/firefox.png http://s16.postimage.org/fmdc9tqd1/internetexplorer.png

それについてのアイデアはありますか？

InternetExplorer の最小幅で一貫している必要がありますが、可能であればクロスブラウザー ;-)

// 編集: IE9 でテストしました。IE8 で動作する必要があります。ブロックまたはインライン ブロックの問題ではないようです。両方のバージョンで同じ結果

4

2 に答える 2

0

テストしている IE のバージョン。IE の条件付きスタイルを設定する必要がありますdisplay:block(インライン ブロックは古い IE バージョンではサポートされていません)。

http://www.quirksmode.org/css/display.html

于 2012-05-30T14:38:44.887 に答える
0

他のブラウザーでは機能するのに IE9 では機能しない場合は、ヘッダーが正しくない可能性があります。これで確認してください：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

魔法のようにすべて IE8 と互換性があるわけではないことに注意してください。

そして真剣に...Wordを使用して直接提供されるHTMLを生成することは、実行可能な長期的な解決策ではありません...

于 2012-05-30T14:51:53.100 に答える