Je trouve toujours quelques "malades" quand aborder le sujet "la compatibilité entre les navigateurs." Aussi, et je n'ai pas encore de comprendre la vraie raison, de tous les navigateurs je sais plus "ennuyeux" lui reste: Microsoft Internet Explorer 6! Malheureusement, la version d'IE 6 est encore en circulation et il ya des rapports fréquents de problèmes lors de la visualisation des pages.
Un développeur web doit s'organiser afin d'avoir tous les outils pour contrôler et vérifier son (sueur) travailler sur tous les navigateurs possible (et plates-formes) sont disponibles. Microsoft Internet Explorer, plus que d'autres, rend cette tâche plus difficile parce que - maintenant - vous devriez vérifier leurs pages web à la fois avec la dernière version 8 (encore en version bêta) et avec les versions précédentes, telles que 6 ou 5.5 . Il ya différentes manières de vivre avec les différentes versions d'Internet Explorer (voir Utilisation de Microsoft Internet Explorer 6 et 7 simultanément ) comme une alternative et il ya aussi une excellente (quoique un peu lente ») des services en ligne .
Une autre bonne option, qui fonctionne bien sur Windows Vista, est représenté par IETester , une application gratuite et construit par les développeurs de DebugBar et Companion.JS . IETester , bien qu'il soit encore en version bêta et quelques plantages tapi, permet rapidement vérifier si nos pages - simultanément - à la fois sur IE5.5, bêta IE6, IE7 et IE8.
CSS Patch
Si par IETester nous pouvons trouver une faille dans les styles, qui est interprété différemment entre IE6 et IE7, ou IE6 et Firefox, par exemple, la solution doit être trouvée pour que IE6 seulement utilise la nouvelle définition. Moi, par exemple, est arrivé avec une marge! J'ai eu une classe qui définit la marge de droite à 28px, et sur tous les navigateurs, le résultat était identique, sauf avec IE6! Sur ce dernier, de faire la même disposition, j'ai eu à utiliser une valeur de 8px.
Une façon très simple, très facile à retenir et à résoudre le problème immédiat, est de "remplacer" notre chemin en chargeant un fichier différent ad hoc que si le navigateur est - redouté - IE6:
1 2 3 4 | / ** Fichier ie_override.css ___ * Utilisez ce fichier pour remplacer un style * / margin-left : 8px } div. mystyle {margin-left: 8px} |
1 2 3 4 | <! - Styles pour tous les navigateurs -> "stylesheet" href = "css/style.css" type = "text/css" > < lien rel = "stylesheet" href = "css / style.css" type = "text / css"> <! - Styles uniquement pour IE6 -> <!--[ If lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie_override.css" /> <[endif] -> |
Enfin, une solution de contournement très simple ..
Félicitations aux nombreux articles techniques très intéressantes, continuez!
Je déteste IE 6-5 de ne pas me parler à la place de cet outil une bonne
[...] Comme IE6 supporter et vivre heureux [...]
Pour éviter le bug de doubler la marge dans IE6, pas simplement ajouter
display:inline?@ Simo:
Oui, en fait, voir Internet Explorer 6: éliminer le bug double marge . Dans ce post, cependant, j'ai été un autre type d'exemple, et pour des situations plus générales où, malheureusement, ne suffit pas d'ajouter un
display:inline.Certainement le pire navigateur autour, ce petit truc je l'utilise souvent, et j'ai résolu beaucoup de problèmes, à mon site mais j'ai refusé de l'utiliser et de mettre un lien pour télécharger IE 7, il est temps pour les gens à réaliser que Ce navigateur est éradiquée.
Ennio @: Je suis d'accord ...