IE7 muestra espacios en blanco afer png

Question

Tengo un div que contiene una imagen de fondo PNG. Después de que se muestre el div en mi página web en IE7, hay un espacio en blanco entre el div y el pie de página. Todos los demás navegadores (incluido IE8) muestran el PNG correctamente. ¿Se agradecería alguna idea sobre una resolución?

Answer 1

Solo un pensamiento aquí, pero tal vez sea la hoja de estilo del navegador la que está agregando ese espacio en blanco?

Intente utilizar un restablecimiento de CSS .

Answer 2

Es muy probable que tenga espacios en blanco alrededor de su etiqueta img , que representa un único carácter blanco en IE6 e IE7.
Asumo que su código se ve como:

<div>
    <img/>
</div>

Intenta hacerlo:

<div><img/></div>

Entonces:
- no hay espacios en blanco
- no hay nuevos caracteres de línea

Answer 3

Forzar al navegador a tratar la imagen como un elemento de bloque debe anular los márgenes heredados que se le den. Prueba esto:

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

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

Tenga en cuenta que su imagen ahora se comporta como una etiqueta DIV. Así que aplique su formato / posicionamiento en consecuencia. Por ejemplo, si desea centrar su gráfico, debe hacerlo como cualquier otro elemento DIV:

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