IE 8の互換性モード

私は、次のような問題があります。IE 8の互換性モード

私のCSSは以下の通りです：

.SPImage img 
{ 
    margin-top:-15px; 
    float:left; 
    white-space:normal; 
    width:194px; 
    height:149px; 
}

私のHTMLは以下の通りです：

<DIV id=SPImage class=SPImage> 

<DIV style="POSITION: relative; WIDTH: 100%"> 
<IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="/resources/2710004.jpg"> 
</DIV> 
</DIV>

私はHTMLで次の設定を持っていますヘッドタグ：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

私の問題は、私がIE 8を使用しているときに、IE 7とIE8を互換性で使用しているときに画像が15pxになることがmargin-top:-15px;であることです。それは醜いになりますので、私はどのように私はこの問題を解決することができ

IE 7に

enter image description here をmargin-top:-15px;を削除することはできませんか？

出典

2011-07-10 danny.lesnik

ツールバーを使用します。マージンを変更して効果を確認してください。それを少し変更するとうまくいくはずです。それ以外の場合は、テスト用にインラインスタイルを使用します。これがうまくいかない場合は、別のCSSファイルを使用してコメント – MLS

@ XMLに含めることができます。私はIdeaを使用しました。すべての問題はmargin-topです：-15px; –

'IE = EmulateIE7'をお持ちの場合は、IE8モードでどうなっているかは関係ありません。すべてのIE8ユーザーは、サイトが「IE7モード」で表示されます。 – thirtydot

私はこれを行うと：

CSS：

.SPImage img { 
    margin-top:-15px; 
    float:left; 
    white-space:normal; 
    width:194px; 
    height:149px; 
}

HTML：

は

<DIV id="SPImage" class="SPImage"> 
    <IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="img url"> 
</DIV>

IE 7、IE 8、IE9、ChromeとFFで、それは同じことを探していますか？

出典

2011-08-26 15:59:06 Maanstraat

答えて

関連する問題