1

次のような呼び出しがあるページがあります

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

説明には、自分のサイトで出力される html が含まれています。何年もうまく機能していましたが、現在、html に幅 740px の img タグを追加しようとしています。これにより、低解像度でスペースがうまく埋められます。

チェックインしたすべてのブラウザー (Chrome、FF、Safari) で正常に動作しますが、ie8 は画像の後に余分な空白を追加し、水平スクロール バーが表示されます。

IE8 の開発者ツールのレイアウト タブで、img 要素を含む div の幅が 1039px 程度であることが確認されたので、インライン CSS を使用して適切なサイズにすることができましたが、説明フィールドの他のすべての要素の幅は 1039px のままです。 . 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>

それで、私は何が欠けていますか？

4

1 に答える 1

1

投稿されたサンプル コードでは、イメージ タグが閉じられていません。これが単なるダミー コードであるためなのか、それが問題なのかはわかりません。しかし、画像が単なるスペーサーである場合、代わりに改行なしのスペースを使用することを検討しましたか?...

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

イメージ要素を div 内に配置する代わりに、ブロッキング div 要素によってスペースが占有されます。

于 2009-03-25T17:18:22.450 に答える