Aller au contenu principal

Firefox : Le bug de positionnement en pourcentage d’une image en background CSS

Publié le 06 avril 2007

Le bug de positionnement en pourcentage d'une image en background CSS

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...