Quelques conseils:
En savoir http://quirksmode.org/ - charges d'informations utiles là-bas.
Ne vous inquiétez pas des choses qui cherchent exactement les mêmes, IE 6,7 et 8 sont assez à jour, et il y a des bugs très réels dans la façon dont ils rendent les pages. Votre code peut être correct, et toujours mal dans IE.
Au lieu d'écrire <body>
, écrivez:
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if gt IE 9]> <body> <![endif]-->
<!--[if !IE]><!--> <body> <!--<![endif]-->
Ensuite, dans votre CSS, vous pouvez écrire des choses comme:
.someclass {
loads of normal CSS
}
.ie6 .someclass {
position:relative;
top:-20px;
}
Si vous voulez déplacer quelque chose 20px, mais seulement dans IE6. Cela vous aide à cibler les anciens navigateurs avec un minimum de tracas, et sans vous soucier que vous fassiez des bêtises dans d'autres endroits!
Utilisez des scripts comme ie9.js pour mettre à niveau IE plus pour utiliser de nombreuses fonctionnalités de IEs plus tard, ainsi que la fixation certains des bogues stupides. CSSPie est un autre outil utile pour obtenir le contour de la frontière, la boîte-ombre et les dégradés pour travailler dans ces anciens navigateurs!
Les différences de couleur seront probablement parce que vos images comprennent un profil de couleur, utilisez quelque chose comme imageoptim (OSX) pour dépouiller les informations étrangères telles que cela avant de mettre en ligne, ou les enregistrer pour le Web à partir de Photoshop.
Espérons que c'est utile!
Je le préfère parce qu'il réduit les requêtes http, tout en vous permettant de garder les choses ensemble. Si vous utilisez aussi SASS, vous pouvez résoudre un problème une fois, le coller dans un mixin, et ne plus jamais vous en soucier! –