Meilleure approche pour résoudre les problèmes de CSS avec IE 7

Question

Récemment, j'ai commencé à maintenir une application Web qui, malheureusement, ne fonctionne qu'avec IE 6. La plupart des problèmes sont liés au CSS.

Existe-t-il un outil qui puisse m'aider à standardiser les classes CSS afin qu'elles fonctionnent avec les deux IE 6 et IE 7 ? Je comprends que je dois passer par les normes mais j’ai besoin de quelque chose pour commencer rapidement.

Firebug peut m'aider dans une certaine mesure à identifier les classes CSS liées aux éléments de l'interface utilisateur (si la page est rendue sur firefox). Mais je cherchais quelque chose de plus semblable à un outil de conseil. Si vous avez une expérience à partager, n'hésitez pas.

Answer 1

Essayez SuperPreview ou le ensemble complet (le site Web Expression a été annoncé) au Mix) ..

SuperPreview est une nouvelle application autonome gratuite de Microsoft (toujours en version bêta) qui vous permet de voir comment vos sites Web analyseront les différentes versions d'Internet Explorer, ce qui simplifiera la migration d'IE6 vers 7 et 8, sans avoir à démarrer. une machine virtuelle pour exécuter IE6, ou avoir un ordinateur séparé dédié à l'exécution de IE6.

Answer 2

Découvrez Dean7 de IE Edwards

Answer 3

Les plusieurs IE de Tredosoft constituent une bonne comparaison / contraste. Vous procédez à la mise à niveau vers IE7, puis installez-le (en sélectionnant uniquement l'option IE6, sauf si vous avez besoin de l'intégralité des versions 5.5 / 5.0 / 4.0 / etc.), et vous pourrez voir les pages simultanément dans les deux navigateurs. Cela vous aidera à déterminer ce qui doit être conditionné / piraté.

De même, le développeur IE. Barre d’outils , mais pas aussi bon que Firebug et. al., vous permettra au moins de voir dans IE ce que le navigateur pense de votre style.

Answer 4

Parfois, vous devez introduire un petit hack pour IE6 et IE7, comme supprimer la double marge et utiliser le code CSS pur suivant

css-selector { code for all browsers }

*html css-selector {code for IE6 browser }

*+html css-selector {code for IE7 browser } 

ce n’est pas un outil que vous attendez, mais peut-être que ce serait utile