IE7 отображает пробелы после PNG

Question

У меня есть div, содержащий фоновое изображение PNG. После того, как div отображается на моей веб-странице в IE7, между div и нижним колонтитулом появляется пробел. Все остальные браузеры (включая IE8) правильно отображают PNG. Любые идеи о резолюции будут оценены?

Answer 1

Просто мысль здесь, но, может быть, это таблица стилей браузера, которая добавляет этот пробел?

Попробуйте использовать CSS Reset .

Answer 2

Весьма вероятно, что у вас есть пробел вокруг тега img, который отображает один белый символ в IE6 и IE7. Я полагаю, ваш код выглядит так:

<div>
    <img/>
</div>

Попробуйте сделать это:

<div><img/></div>

Итак:
- без пробелов
- без новой строки символов

Answer 3

Если браузер будет обрабатывать изображение как элемент блока, он должен аннулировать все унаследованные поля, которые ему даны. Попробуйте это:

<style type="text/css">
.blockify { display: block; }
</style>

<img src="/path/to/my/image.png" width="100" height="100" class="blockify" />

Имейте в виду, что ваше изображение теперь ведет себя как тег DIV. Так что примените ваше форматирование / позиционирование соответственно. Например, если вы хотите центрировать свою графику, вы должны сделать это, как и любой другой элемент DIV:

<style type="text/css">
.blockify { display: block; margin: 0px auto; } 
/* auto margins help center block elements */
</style>