IE7 affiche un espace blanc après png

Question

J'ai un div qui contient une image de fond PNG. Une fois que le div est affiché sur ma page Web dans IE7, il y a un espace entre le div et le pied de page. Tous les autres navigateurs (y compris IE8) affichent correctement le fichier PNG. Des idées sur une résolution seraient appréciées?

Answer 1

Juste une pensée ici, mais c'est peut-être la feuille de style du navigateur qui ajoute cet espace?

Essayez d’utiliser une réinitialisation CSS .

Answer 2

Il est fort probable que votre balise img contienne un espace blanc qui restitue un seul caractère blanc dans IE6 et IE7.
Je suppose que votre code ressemble à:

<div>
    <img/>
</div>

Essayez de le créer:

<div><img/></div>

Donc:
- pas d'espaces blancs
- aucun caractère de nouvelle ligne

Answer 3

Le fait de forcer le navigateur à traiter l'image en tant qu'élément de bloc doit annuler les marges héritées qui lui sont attribuées. Essayez ceci:

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

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

N'oubliez pas que votre image se comporte désormais comme une balise DIV. Donc, appliquez votre formatage / positionnement en conséquence. Par exemple, si vous voulez centrer votre graphique, vous devriez le faire comme n'importe quel autre élément DIV:

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