Странная ошибка рендеринга Internet Explorer (тег img)

У меня есть страница с таким вызовом, как

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

где описание содержит html, который выводится на моем сайте. Он отлично работал в течение многих лет, но теперь я пытаюсь добавить тег img в html шириной 740 пикселей, который хорошо заполняет пространство в более низких разрешениях.

Он отлично работает во всех браузерах, в которых я его проверял (Chrome, FF, Safari), но ie8 добавляет кучу лишних пробелов после изображения, что вызывает горизонтальную полосу прокрутки.

Вкладка макета инструмента разработчика IE8 подтвердила, что ширина div, содержащего элемент img, была примерно 1039 пикселей, поэтому с помощью встроенного 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>

Итак, что мне не хватает?


internet-explorer internet-explorer-8
person personaelit    schedule 25.03.2009    source источник
comment
Я бы порекомендовал вам опубликовать фрагмент HTML-кода, который действительно может воспроизвести проблему; прямо сейчас, есть не так много информации, чтобы продолжить.   -  person Brian Campbell    schedule 25.03.2009

Ответы (1)


arrow_upward
1
arrow_downward

В опубликованном примере кода тег изображения не закрыт, я не знаю, связано ли это с тем, что это просто фиктивный код, или это может быть проблемой. Но если изображение представляет собой просто разделитель, рассматривали ли вы вместо этого использование неразрывного пробела?...

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

Приведет к тому, что пространство будет занято блокирующим элементом div вместо размещения элемента изображения внутри div.

person Quintin Robinson    schedule 25.03.2009
comment
Спасибо за ваш вклад. Я исправил фиктивный html. Изображение не предназначено для заполнения, а представляет собой технический рисунок, и я пытаюсь сделать его как можно более широким для деталей, без горизонтальной полосы прокрутки. - person personaelit; 25.03.2009
comment
Является ли изображение единственным элементом внутри div? - person Quintin Robinson; 25.03.2009
comment
да, я думаю, что div был бы излишним, но я подумал, что, может быть, это поможет (например, игнорировал стиль тега img). - person personaelit; 25.03.2009