IE7 Exibe Whitespace afer png

Question

Eu tenho uma div que contém uma imagem de fundo PNG. Após a div é exibido na minha página da web no IE7, há um espaço em branco entre o div e rodapé. Todos os outros navegadores (incl. IE8) exibir o PNG corretamente. Todas as ideias sobre uma resolução seria apreciada?

Answer 1

Apenas um pensamento aqui, mas talvez seja folha de estilo do navegador que está acrescentando que os espaços em branco?

Tente usar um Reset CSS .

Answer 2

É muito provável que você tenha espaço em branco em torno de seu tag img que torna um único personagem branco no IE6 e IE7.
Eu assumo a sua aparência código como:

<div>
    <img/>
</div>

Tente fazer isso:

<div><img/></div>

Assim:
- nenhum espaço em branco
- Não há novas caracteres de linha

Answer 3

Forçar o navegador para tratar a imagem como um elemento de bloco deve anular as margens herdadas que é dado. Tente isto:

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

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

Tenha em mente que a sua imagem agora se comporta como uma tag DIV. Portanto, aplicar a formatação / posicionamento em conformidade. Por exemplo, se você deseja centralizar o seu gráfico, você deve fazê-lo como qualquer outro elemento DIV:

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