Discussion :

[whitespirit]

Bonjour,

C'est la première fois que je vois ce bug FF et je ne comprends pas ce qui c'est passé.

Mon site fonctionnait normalement et j'ai ajouté le css suivant pour ajouter un style que pour Chrome et Safari

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#h_rechercher input[type="text"] { padding-top: 0px;   } 
}

Puis j'ai commencé à avoir un bug autour de toutes les images uniquement sous firefox, chaque image est encadré (un bord à la fois) par des traits noirs. Lorsque je regarde le code généré par Firebug, je vois un code qui n'apparaît pas dans mes feuilles de styles, tous les styles commençant par -moz :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.header_body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img_template/h_background.png) repeat-x scroll 0 0;
margin:0;
}

Maintenant je ne sais plus quoi faire car j'ai fait une série de CTRL-Z pour remettre ma feuille de style comme au début et j'ai toujours ce code sur chaque image et des bordures noires.

J'ai beau cherché mais je ne trouve pas comment enlever puisque même quand je supprime le css -moz depuis firebug, les bords des images restent. Par contre, si je supprime l'image, le bord disparaît.

Vous comprenez quelque chose ? J'espère que oui, parce que là je déprime.

Merci de votre aide pour m'aider à résoudre ce bug FF

[Bisûnûrs]

C'est du code rajouté automatiquement par Firefox quand tu utilises la propriété générale "background" alors que tu ne renseignes pas toutes les valeurs de toutes les propriétés.

En utilisant background-image pour renseigner l'image de fond au lieu de background, tu n'auras pas ces propriétés générées par Firefox. Mais je doute que ce soit ces propriétés là qui font apparaitre le problème.