Une petite particularité de Firefox que j’ai découverte par hasard en codant un site, il s’agit du positionnement d’une image en background CSS. En effet, j’avais préalablement placé mon image en haut à gauche d’un conteneur, puis j’ai eu besoin de la déplacer horizontalement au milieu, mais rien à toucher à l’axe vertical.
Je partais donc de cela :
background: #005173 url(../img/css/bg-global.jpg) top left repeat-x;
Et j’arrivais à ceci :
background: #005173 url(../img/css/bg-global.jpg) top 50% repeat-x;
Tout allait pour le mieux avant que je fasse un preview sur Firefox (Safari était OK, Internet Explorer Mac et PC aussi). Celui-ci n’implémentait pas ma modification, tout simplement parce qu’il lui faut une unité homogène de placement du background :
background: #005173 url(../img/css/bg-global.jpg) 0% 50% repeat-x;
Évidemment, avant de comprendre cela, pas mal d’essais se sont passés… Si ça peut vous servir…
Pour en savoir plus sur l'auteur de cet article... Nicolas a fondé LunaWeb en 2004. Passionné d'ergonomie Web, d'utilisabilité et d'analyse des comportements utilisateurs, il revendique l'Internet fait à la main. Fan d'Apple invétéré, grand utilisateur des RSS, pratique trop peu la pêche à la ligne... Lire plus d'articles de cet auteur...
