Je suis exclu. Un client et moi-même exécutons Firefox 3.0.12 sur des machines XP. Nous affichons la même page du même navigateur sur différentes machines et avons des résultats différents. Remarque: Tous les navigateurs IE sont cohérents sur les deux machines, et mon FF 3.5.1 est cohérent avec mon FF 3.0.12. (Il n'a pas d'installé FF 3.5.x pour comparer avec).
Il y a une différence de 1 pixel qui cause son en-tête Div Donc, ma question est de savoir ce que les autres variables sont là qui affectent le rendu ??
J'essaie de penser "en dehors de la boîte" car il semble que cela fonctionne exactement la même chose.
Nous avons effacé le cache du navigateur. J'ai fait un diff sur la source HTML, et autre qu'un timbre DateTime JavaScript et un code de suivi JavaScript var, les sources sont identiques.
Je sais que cette question serait utile avec la source, mais mon client ne veut pas spécifiquement pas que cette page vivait encore sur Internet. J'ai également vérifié le problème via une session WebEx. Au début, je ne pouvais pas croire que nous aurions des résultats différents.
edit: Il y a beaucoup de suggestions pointant vers des polices, mais l'en-tête utilise uniquement des images. Eh bien, ce n'est pas complètement vrai, il y a des divs qui font partie d'un menu pliable, mais tout cela est défini sur edit 2: J'ai changé toutes sortes de polices et de tailles (les paramètres de police par défaut du système et dans Firefox) sur mon ordinateur pour essayer de reproduire le problème. J'ai changé le style de rendu (type standard vs claire). Nada. Affichage: Aucun pour le rendu initial, donc je pense que c'est autre chose.
12 Réponses :
Différents systèmes d'exploitation ont des moteurs de rendu de police différents. Très différent. Plus que suffisant pour provoquer au moins une différence de 1 pixel, en fonction de la configuration de votre CSS.
Je sais que mon FF3.0 rend tout ce qui ressemble différent que d'autres personnes, car je l'ai défini dans des préférences pour utiliser une taille de police minimale de 16. Je n'ai pas d'impression fine, je reçois une pile d'écriture lisible.
Également, étant sur un Mac, les polices par défaut sont SANS SERIF, tandis que sous Windows Tout est SERIF, qui peut également modifier encore plus les largeurs de police.
Si quelque chose sur votre page est spécifié avec les unités "EM" ou "EX", elles dépendent de la taille de la police.
Une chose qui vient à l'esprit est des polices installées. Si vous avez une police que le client ne peut y avoir une différence de 1 pixel dans une taille calculée. FF et IE pouvaient être arrondis différemment, ce qui expliquerait pourquoi ils se comportent différemment.
Je comparerais des plugins / addons.
Étant donné que nous ne pouvons pas jeter un coup d'œil sur le site de nos propres navigateurs, voici le processus que j'utiliserais pour essayer de clouer le problème:
Démarrez les blocs de code pièce par pièce jusqu'à ce que les deux navigateurs ressemblent à la même chose.
quel que soit le bloc de code que vous avez supprimé qui a permis de faire tout ce qui a permis de gérer parfaitement (même si vous manquez un morceau du corps), Depuis que vous avez trouvé le coupable, placez tout le code. Commencez à jouer avec les polices d'abord. Changer les polices, tailles, supprimer du texte, etc. jusqu'à ce que vous puissiez trouver une condition sous laquelle les navigateurs sont identiques. Si ce n'est pas un problème de police, commencez à jouer avec d'autres parties jusqu'à ce que vous ayez trouvé la condition qui l'allume.
Une fois que vous avez fait cela, vous connaîtrez votre problème et vous pouvez le contourner.
+1 En fin de compte, le client a décidé de vivre avec la différence sur son ordinateur. Je ne pouvais pas le diagnostiquer plus loin sur cet ordinateur, mais je conviens que ce serait la voie à suivre.
Qu'en est-il des paramètres de lissage de la police - sont-ils les mêmes (aucune / antialias / cleartype)? Cela peut changer la largeur d'un texte donné et peut être ce que vous recherchez.
Utilisez-vous tous les deux exactement la même taille d'écran? Firefox essaie-t-il d'élaborer les polices à la taille apparente de la personne qui affiche la page ou à un nombre spécifique de pixels?
Si vous utilisez Firefox, assurez-vous de frapper CTRL-0 pour défaut le niveau de zoom.
Cela pourrait évidemment être une raison pour une représentation visuelle différente (ESP. L'emballage sera affecté) mais cela ne devrait-il pas conduire à une déviation de plus de 1px?
Firefox permet 15 niveaux d'échelle et ajuste également la taille des graphiques; donc je crois que 1px serait probablement le minimum
Je suis surtout d'accord avec tous les "gars de police" supplémentaires, mais si cela n'aide pas à essayer de vérifier les en-têtes HTTP car certains en-têtes peuvent être ajoutés par des procurations et par exemple entre le serveur et votre client. Mais essayez d'abord les suggestions de polices ...
bonne chance;)
Ma première hypothèse est quelque chose à voir avec la fenêtre, je ne me souviens pas de cela dans Firefox, mais essayez de redimensionner la fenêtre de toute façon. Il est également possible qu'il y ait quelque chose de 1px largeur de largeur, comme un cadre caché ou. Ceux-ci pourraient être complètement hors de la marque depuis que je ne sais pas comment vous avez réellement fait la chose.
Une solution de contournement éventuelle affiche l'une des images en tant qu'appount sur un div au lieu d'utiliser une étiquette IMG, cela le fera simplement tronqué au lieu d'emballer s'il s'agit de 1px de rabais.
J'ai vu ce problème une fois et, comme il s'est avéré que l'utilisateur avait fait zoomé la page et que le zoom a provoqué des problèmes d'arrondi de mathématiques. J'avais zoomé par inadvertance ma page à 120%, ils avaient juste votre 100% normal.
Cela serait probablement beaucoup plus visible que le problème posté, n'est-ce pas?
Avec la mise à jour actuelle dans le navigateur, les paramètres du navigateur ZOOM prennent les paramètres DPI du système.
dans Windows 7, le réglage DPI = 125% produira l'effet de zoom à 100% de zoom de la fenêtre du navigateur.
Donc, ce n'est pas lié à HTML. C'est-à-dire de dire que les paramètres de largeur = 300PX produiront une boîte de taille différente sur le même navigateur avec les mêmes paramètres de zoom, mais avec différents paramètres DPI.
DPI = 125% produira une boîte plus grande.
Donc, si vous souhaitez réduire le niveau de zoom, effectuez un zoom avant le navigateur en appuyant sur Ctrl + - ou réduisez les paramètres DPI du système en suivant les étapes suivantes
La taille de la police peut également affecter la hauteur de la ligne, même si vous n'avez pas de texte.