奇数Internet Explorerのレンダリングバグ（imgタグ）

Question

私は説明が自分のサイト上に出力されますHTMLが含ま

<%# Databinder.Eval(Me, "Description") %> 

のようなコールを持っているページがあります。それは長年にわたってうまくいっていますが、現在、htmlにimgタグを追加しようとしています。幅740ピクセルで、解像度を低くしてスペースをうまく埋めています。

それは私が（Chrome、FF、Safari）でチェックしたすべてのブラウザでうまく動作しますが、ie8は水平スクロールバーを引き起こす画像の後に余分な空白を追加します。

IE8の開発ツールのレイアウトタブでは、img要素を含むdivの幅が1039pxのようなものであることが確認されたため、インラインCSSを使用して正しいサイズにすることができましたが、幅は1039ピクセルです。私がimgタグを外すと、すべてが正常に戻ります。

imgタグを必ずdisplay：blockに設定しました。

編集 - ダミーのコード例：

<h1 class="asdf">asdf</h1> 
<h2 class="zxcv">zxcv</h2> 
<ul> 
    <li>zxcv</li> 
    <li>adsf</li> 
    <li>asdf</li> 
</ul> 
<h2 class="qwerty">qwerty</h2> 
<p>qwerty</p> 
<div style="margin:0; padding:0; width:740px; display:block;"><img style="margin:0; padding:0; width:740px; display:block;" src="images/asdf1.jpg" /></div> 

は、だから私は何をしないのですか？

Answer 1

画像タグは閉じられていませんが、これはダミーコードなのか、それとも問題であるのか分かりません。画像だけでスペーサーである場合しかし、あなたは代わりにノーブレークスペースを使用して検討している？...

<div style="width:740px;">&nbsp;</div>

は、スペースではなく、内部の画像要素を配置するブロッキングdiv要素に取り込まれるようになりますdiv。