Bonsoir,

Voici une chose que je n'arrive pas à comprendre, pourquoi Gecko(Firefox) et Webkit(Chrome, Safari) gères-t'ils le padding différemment ?

Je m'explique :

J'ai une div que avec les propriétés suivantes :
width :200px
height :200px
padding: 5px;

Sous Firefox(Gecko), la div est bien afficher avec un width de 200px et un padding de 5px.

Mais sous Chrome(Webkit) la même div est affiché avec un width de 210px. Webkit agrandi donc le width en fonction du padding, chose complétement débile vu que c'est un espacement intérieure et est censé ne pas modifié le width original de la div.

Bref, pour ceux qui vont me dire qu'il faut faire un retrait du width original de 200px à 190px, c'est pas la peine , c'est Firefox qui affiche mal la div après.

Avec le retraite
  • Sous Chrome : 190 +10 = 200
  • Sous Firefox : 190 + 0 = 190


Si quelqu'un à une vrai solution, car je comprend pas pourquoi les deux moteurs de rendu affiches deux rendu différents pour une norme unique !