Quel est votre meilleur outil ou technique pour obtenir le même affichage sur IE6/7 et Firefox ?[fermé]

StackOverflow https://stackoverflow.com/questions/26113

Question

Je ne parle pas d'outils qui permettent de visualiser une page dans des combinaisons de systèmes d'exploitation et de navigateurs comme crossbrowsertesting.com, mais de créer ou de comprendre le CSS réel.

Était-ce utile?

La solution

Si vous codez toujours pour IE6, vous faites une erreur.

j'utilise IE7.js pour que IE6 restitue des pages comme IE7.IE7 n'est pas parfait, mais il a au moins un semblant de standard.Comme je n'ai qu'à coder pour IE7 et FF, cela me rend 33 % plus efficace en termes de tests sur les navigateurs, ce qui, à mon avis, est logique sur le plan commercial.

Lien: IE7.js

Autres conseils

Utilisez une réinitialisation CSS pour niveler le champ dans tous les navigateurs.YUI et Eric Meyer en ont de bons.

J'écris selon les standards et Firefox et IE7 suivent un assez bon ensemble en commun.

IE6 est mort en ce qui me concerne mais si je me remets au développement Web professionnel, je devrai probablement le réviser ;)

J'essaie de créer une page conforme aux standards et de faire tous mes tests dans Firefox (car il possède d'excellentes extensions de développement telles que Web Developer et Firebug).Ensuite, lorsque j'ai terminé, je teste le site dans IE, puis j'apporte les petites modifications nécessaires.Je trouve que je dois apporter très peu de modifications, car je ne fais rien d'extraordinairement complexe avec CSS.

Avant, j'avais plus de problèmes avec les différences Javascript, mais après avoir commencé à utiliser des bibliothèques Javascript (telles que jQuery), j'ai cessé d'avoir de sérieux problèmes avec cela.

Rembourrage.

IE6 peut devenir un peu bizarre lorsqu'il utilise une marge pour placer des éléments horizontalement sur une page.Si vous dimensionnez vos éléments et espacez le contenu à l'aide du remplissage, vous pouvez faire en sorte que de nombreuses mises en page fonctionnent parfaitement dans IE6/7, FF, Safari et Opera sans aucun hack.IE5.5 rend les choses un peu plus délicates en raison du modèle de boîte cassée, mais je pense que nous pouvons désormais le compter dans la plupart des circonstances.

J'essaie de créer une page conforme aux standards et de faire tous mes tests dans Firefox (car il possède d'excellentes extensions de développement telles que Web Developer et Firebug).Ensuite, lorsque j'ai terminé, je teste le site dans IE, puis j'apporte les petites modifications nécessaires.Je trouve que je dois apporter très peu de modifications, car je ne fais rien d'extraordinairement complexe avec CSS.

La même chose ici, sauf que je n’ai pas besoin d’utiliser Firebug et autres.Cependant, je n'ai eu que récemment des problèmes avec IE6 - qui sont résolus par de simples contournements CSS :

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Je suis avec Eli.Écrire contre Firefox (avec Firebug installé) vous oblige à écrire du code "plus compatible" pour commencer, puis c'est moins un travail plus tard lorsque vous arrivez à le rendre compatible avec IE.

Utiliser le site Mode de quirks pour vous aider à trouver des réponses aux informations de compatibilité

S'il s'agit d'un tout nouveau projet, je me fais un devoir de tester toutes les modifications html+css sur tous les navigateurs que je cible au fur et à mesure que j'apporte les modifications.Dans le passé, j'avais tendance à me concentrer sur mon navigateur préféré, puis à tester avec les autres après avoir terminé pour constater qu'une ou plusieurs petites bizarreries étaient présentes et qu'il était très fastidieux d'identifier la cause réelle.Maintenant, tous les navigateurs sont ouverts et je les actualise après chaque modification html/css pour m'assurer que l'affichage répond à mes attentes.Quand quelque chose ne va pas, je sais exactement ce qui l’a causé.

Cela peut sembler long de tester sur tous les navigateurs à la fois, mais à long terme, cela permet de gagner du temps car vous détectez les problèmes d'un coup.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top