IE7 Visualizza Whitespace afer png

Question

Ho un div che contiene un'immagine di sfondo PNG. Dopo che il div è stato visualizzato sulla mia pagina Web in IE7, c'è uno spazio tra div e footer. Tutti gli altri browser (incl. IE8) visualizzano correttamente il PNG. Qualche idea su una risoluzione sarebbe apprezzata?

Answer 1

Solo un pensiero qui, ma forse è il foglio di stile del browser che sta aggiungendo quello spazio bianco?

Prova a utilizzare un Ripristino CSS .

Answer 2

È molto probabile che tu abbia uno spazio bianco attorno al tuo tag img che rende un singolo carattere bianco in IE6 e IE7.
Presumo che il tuo codice assomigli a:

<div>
    <img/>
</div>

Prova a farlo:

<div><img/></div>

Quindi:
- nessuno spazio bianco
- nessun nuovo carattere di riga

Answer 3

Forzare il browser a trattare l'immagine come un elemento a blocchi dovrebbe annullare qualsiasi margine ereditato che gli viene dato. Prova questo:

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

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

Tieni presente che l'immagine ora si comporta come un tag DIV. Quindi applica la tua formattazione / posizionamento di conseguenza. Ad esempio, se vuoi centrare l'immagine, dovresti farlo come qualsiasi altro elemento DIV:

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