Bug d'impression sous Firefox
Écrit le
28 décembre 2011 à 15:54
Aujourd'hui, petite astuce CSS 
J'étais confronté jusque là à un méchant bug de l'impression sous Firefox, ici même, sur mon site ! Je n'avais pas pris le temps de chercher comment le corriger, mais finalement je m'y suis mis aujourd'hui.
État des lieux
Le site repose sur deux feuilles de style, une "de base" et une pour l'impression. La distinction se fait grâce aux media queries.
Symptômes
Lors de l'impression de mes pages sous Firefox, seule la première page était prise en compte. Même chose avec l'aperçu avant impression. Le problème n'est pas connu sous les autres navigateurs.
Pistes
Le problème aurait pu venir de la prise en charge des media queries, mais ça n'avait pas de sens vu que tout le reste des propriétés étaient bien prises en compte.
Un site propose alors une solution à un bug connu depuis des années, censé avoir été corrigé depuis la version 4 de Firefox. Vraisemblablement, ça ne doit pas être ça, mais j'ai tout de même essayé certaines des indications. Bref, ça n'a pas marché.
Solution
Le problème venait en fait d'une propriété CSS un peu exotique (enfin pas tellement), le display : inline-block;. Je l'avais appliquée à mon bloc principal, à gauche (leftCol). Enfin je l'utilise un peu partout parce que c'est quand même bien pratique, mais le problème venait de là
Un petit
Morale
Lorsque vous avez un bug dans des cas "peu courants" (ici, l'impression du site), vérifiez toujours vos propriétés exotiques (ici, inline-block).
J'étais confronté jusque là à un méchant bug de l'impression sous Firefox, ici même, sur mon site ! Je n'avais pas pris le temps de chercher comment le corriger, mais finalement je m'y suis mis aujourd'hui.
État des lieux
Le site repose sur deux feuilles de style, une "de base" et une pour l'impression. La distinction se fait grâce aux media queries.
Symptômes
Lors de l'impression de mes pages sous Firefox, seule la première page était prise en compte. Même chose avec l'aperçu avant impression. Le problème n'est pas connu sous les autres navigateurs.
Pistes
Le problème aurait pu venir de la prise en charge des media queries, mais ça n'avait pas de sens vu que tout le reste des propriétés étaient bien prises en compte.
Un site propose alors une solution à un bug connu depuis des années, censé avoir été corrigé depuis la version 4 de Firefox. Vraisemblablement, ça ne doit pas être ça, mais j'ai tout de même essayé certaines des indications. Bref, ça n'a pas marché.
Solution
Le problème venait en fait d'une propriété CSS un peu exotique (enfin pas tellement), le display : inline-block;. Je l'avais appliquée à mon bloc principal, à gauche (leftCol). Enfin je l'utilise un peu partout parce que c'est quand même bien pratique, mais le problème venait de là
Un petit
leftCol { display: block; }et le tour est joué !
Morale
Lorsque vous avez un bug dans des cas "peu courants" (ici, l'impression du site), vérifiez toujours vos propriétés exotiques (ici, inline-block).