URL: https://linuxfr.org/forums/astucesdivers/posts/webdesign-la-marge-fant%C3%B4me-sous-les-images-avec-firefox Title: Webdesign : la marge fantôme sous les images avec Firefox Authors: Nerdiland de Fesseps Date: 2010年11月22日T15:48:10+01:00 Tags: firefox Score: 10 Sur un projet de site web il y a quelques temps, les images gardaient, sous Firefox, une marge inférieure de quelques pixels impossible à supprimer. Seule solution : afficher toutes les images en tant qu'éléments de bloc avec la déclaration CSS img {display:block;} L'origine de ce comportement, c'est en allant par hasard sur le fameux site [Quirksmode](http://www.quirksmode.org/css/quirksmode.html) que je l'ai trouvée. Explications. **Mode strict et mode quirks** On sait que la plupart des navigateurs peuvent afficher une page web selon 2 modes : le mode strict lorsque qu'il s'attend à du code valide, et le mode quirks lorsqu'il s'attend à du code de mauvaise qualité qui demandera des approximations. Le choix du mode se base sur le doctype utilisé par la page. Or en mode strict, les images sont des éléments en ligne (_inline_), tout comme les liens ou les balises de mise en forme de texte, ce qui signifie qu'elles doivent réserver un espace sous la ligne de base pour les lettres descendantes comme q, j ou p. Ça explique cette "marge fantôme" sous les images et le fait qu'elle disparaissent en affichant les images comme des blocs. **Mozilla et le mode presque strict** Comment se fait-il alors que je n'aie pas remarqué ce problème avant ? En fait, comme ce problème avec les images ennuyait pas mal de monde, Mozilla a introduit un troisième mode dans ses navigateurs : le mode presque strict (_almost strict_), où les images s'afficheront comme des blocs. Ce mode est activé sur les pages avec des doctypes transitionnels, les plus répandus. La plupart du temps donc, pas de marge fantôme. Comme le site sur lequel je travaillais utilisait pour une fois un doctype strict et pas un doctype transitionnel, c'est le mode strict qui a été activé, avec les images affichées en ligne. **Conclusion :** attention au doctype utilisé, surtout si vous devez appliquer préciséments des styles CSS sur vos images !