Comment IE6 ours et vivre heureux

Wednesday, Novembre 26, 2008

Je trouve toujours quelques "malades" quand il fait face à la «compatibilité entre les navigateurs. En outre, et je n'ai pas encore de comprendre la vraie raison, de tous les navigateurs que je sais que la plupart des «désagréable», il reste toujours: Microsoft Internet Explorer 6! Malheureusement, la sortie d'IE 6 est encore en circulation et signale fréquemment des difficultés à visionner les pages.
Un développeur Web devrait donc être organisé de manière à avoir tous les outils pour la surveillance et la vérification de votre (sueur) travaillent sur tous les navigateurs possibles (et les plates-formes) sont disponibles. Microsoft Internet Explorer, plus que d'autres, rend cette tâche plus difficile parce que - maintenant - vous avez besoin de vérifier leurs pages Web à la fois avec la dernière version 8 (encore en bêta) ou avec les versions précédentes, telles que 6 ou 5,5 . Il ya plusieurs façons de rassembler les différentes versions de l'Explorer (voir l'aide de Microsoft Internet Explorer 6 et 7 en même temps) et, alternativement, il ya aussi un excellent (si un «petit lentilles) les services en ligne.

image

Une autre bonne option qui fonctionne bien sur Windows Vista, est représentée par IETester, une application gratuite et construit par les promoteurs même DebugBar et Companion.JS. IETester, bien qu'il soit encore en version bêta et quelques plantages en embuscade, permet Rapidement il est à consulter nos pages - simultanément - à la fois sur IE 5.5, IE6, IE7 et bêta IE8.

Patch CSS

Si par IETester nous pouvons trouver une faille dans les styles, qui est une interprétation différente entre IE6 et IE7, ou IE6 et Firefox, par exemple, a trouvé la solution que nous devons nous assurer que IE6 seulement utilise la nouvelle définition. Pour moi, par exemple, il arrivait 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 point, de faire la mise en page les mêmes, j'ai dû utiliser une valeur de 8px.
Une façon très simple et extrêmement facile à retenir pour résoudre le problème immédiat est de "passer outre" notre style en téléchargeant un fichier différent ad hoc que si le navigateur est - craint - IE6:

CSS:
  1. / ** Fichier ie_override.css ___
  2. * Utilisez ce fichier pour remplacer un style
  3. * /
  4. margin-left : 8px } div. mystyle (margin-left: 8px)

HTML:
  1. <! - Styles pour tous les navigateurs ->
  2. "stylesheet" href = "css/style.css" type = "text/css" > <link "stylesheet" rel = href = "css/style.css" type = "text/css">
  3. <! - Styles seulement pour IE6 ->
  4. <!--[ If lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie_override.css" /> <! [Endif] ->

Related Post

Cet article était utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Chargement ...

7 commentaires à "Comment résister à IE6 et vivre heureux"

  1. getAvatar 1.0
    27 novembre 2008 Francis:

    Enfin, une solution de contournement simple simple ..
    Félicitations aux nombreux articles techniques très intéressants, keep it up!

  2. getAvatar 1.0
    27 novembre 2008 Julius:

    Je déteste IE 6 pour ne mentionne pas de 5, je reviendrai cet outil très utile

  3. getAvatar 1.0
    30 novembre 2008 Gioxx's Wall »Blog Archive» Le meilleur de la semaine # 31:

    [...] Comment résister à IE6 et vivre heureux [...]

  4. getAvatar 1.0
    09 GEN, 2009 simo:

    Pour éviter le bug de doublement de la marge sur IE6, pas simplement ajouter display:inline

  5. getAvatar 1.0
    09 GEN 2009 Giovambattista Fazioli:

    @ Simo:

    pour éviter le bogue de doublement de la marge sur IE6, pas simplement ajouter display:inline

    Oui, en effet, voir Internet Explorer 6: L'élimination du bogue double marge. A ce poste, cependant, j'ai fait un autre type d'exemple, et pour des situations plus générales où, malheureusement, ne suffit pas d'ajouter un display:inline : D

  6. getAvatar 1.0
    26 février 2009 Ennio:

    Certainement le pire navigateur utilisé, cette petite astuce que j'utilise souvent et j'ai retrouvé ma peine beaucoup dans mon site, mais j'ai refusé de l'utiliser et de mettre un lien pour télécharger IE 7, il est temps que les gens comprennent que navigateur est éradiquée.

  7. getAvatar 1.0

Laissez un commentaire

TAG PERMISSIONS XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE:
 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL