Déboguer CSS - Débugger CSS - Internet Explorer

Cette page regroupe les liens vers les exemples de débogage plus particulièrement rencontrés avec Internet Explorer.

Il est inutile de vouloir déboguer une page dont l'HTML n'est pas valide.
Il est inutile de vouloir déboguer une page dont la feuille de style n'est pas valide.

La meilleure méthode consiste à corriger la feuille de style avec Firefox et à vérifier qu'Internet Explorer réagisse correctement.

• Problèmes fréquents 
• Problèmes avec IE 7
• Problèmes encore présents avec IE 8

• Espaces indésirables
  •  Exemple 2 
  •  Exemple 3 
  •  Exemple 5 
  •  Exemple 6 
  •  Exemple 8 
  •  Exemple 9  quand on passe la souris au dessus d'un lien
  •  Exemple 12  quand on passe la souris au dessus d'un lien
  •  Exemple 55  marges appliquées à un élément utilisant float (test case)
  •  Exemple 57  double margin bug (test case)
  •  Exemple 58  espaces entre des boutons dans une liste avec hasLayout (test case)
  •  Exemple 59  espace d'un pixel au dessus d'une ligne d'un pixel de haut (test case)
• Déplacements indésirables
  •  Exemple 2 
  •  Exemple 5 
  •  Exemple 25  (test case)
• Alignements
  •  Exemple 11 
  •  Exemple 38  images (test case)
• Disparitions
  •  Exemple 8  texte et couleur qui disparaissent aléatoirement
  •  Exemple 12  texte manquant
  •  Exemple 29  images (test case)
  •  Exemple 44  image (test case)
  •  Exemple 49  menu avec contenu en premier et position:absolute; (test case)
  •  Exemple 54  puces dans les listes utilisant float (test case)
• Apparitions
  •  Exemple 8  texte en trop
  •  Exemple 32  texte en trop (test case)
  •  Exemple 56  texte en trop (test case)
• Divers
  •  Exemple 4  le prologue xml
  •  Exemple 7  contenu poussé vers le bas
  •  Exemple 13  :first-letter
  •  Exemple 36  div:first-letter (test case)
  •  Exemple 14  barre de défilement inactive
  •  Exemple 31  barre de défilement inactive (test case)
  •  Exemple 26  (test case)
• Problèmes encore présents avec IE 7
  •  Exemple 2  espaces indésirables
  •  Exemple 3  espaces indésirables
  •  Exemple 4  le prologue xml
  •  Exemple 7  contenu poussé vers le bas
  •  Exemple 8  couleur manquante, espaces, alignements
  •  Exemple 17  espaces, images manquantes... (test case)
  •  Exemple 58  espaces entre des boutons dans une liste avec hasLayout (test case)
  •  Exemple 18  problème d'hasLayout (test case)
  •  Exemple 22  problème d'hasLayout et utilisation du star hack (test case)
  •  Exemple 24  list-style, height, line-height, child selector (test case)
  •  Exemple 29  background, position:relative, float (test case)
  •  Exemple 33  bordure non affichée au passage de la souris sans position:relative (test case)
  •  Exemple 38  images mal alignées (test case)
  •  Exemple 40  liens inaccessibles avec un menu Suckerfish (test case)
  •  Exemple 41  bordure d'un texte dans une balise inline non affichée sans position:relative (test case)
  •  Exemple 42  problème de curseur avec une marge négative sans hasLayout (test case)
  •  Exemple 52  problème de "clearing floats" (test case)
  •  Exemple 53  problème de "clearing floats" (test case)
  •  Exemple 62  problème de "clearing floats" (test case)
  •  Exemple 54  puces dans les listes utilisant float (test case)
  •  Exemple 55  marges appliquées à un élément utilisant float (test case)
  •  Exemple 59  espace d'un pixel au dessus d'une ligne d'un pixel de haut (test case)
  •  Exemple 61  styles de deux feuilles liées avec des titres différents appliqués (test case)
  •  Exemple 13  nouveau bug - :first-letter - universal selector
  •  Exemple 15  nouveau bug - vertical-align - height (test case)
  •  Exemple 16  nouveau bug - menu qui se déplace (test case)
  •  Exemple 23  nouveau bug ? - problème de padding (test case)
  •  Exemple 37  nouveau bug ? - image, <em>, background, float (test case)
  •  Exemple 39  nouveau bug ? - Commentaire avec IE7 (test case)
  •  Exemple 27  conflit avec position absolute (test case)
  •  Exemple 28  padding non appliqué sans position:relative (test case)
  •  Exemple 30  height (test case)
  •  Exemple 34  label:hover (test case)
  •  Exemple 35  marge appliquée à une ancre avec :first-letter dans IE7 (test case)
  •  Exemple 36  couleur appliquée à une ancre avec :first-letter dans IE7 (test case)
  •  Exemple 43  problème de "clearing floats" avec IE7 (test case)
  •  Exemple 46  la couleur de fond ne change pas au passage de la souris avec IE7 (test case)
  •  Exemple 47  problème height / position:relative avec IE7 (test case)
  •  Exemple 48  bordure en pointillés affichée comme une ligne discontinue avec IE7 (test case)
  •  Exemple 50  liens qui ne fonctionnent pas avec IE7 sans position:relative; (test case)
  •  Exemple 60  bug IE7 avec font-style:italic;float:right; (test case)
• Problèmes encore présents avec IE 8
  •  Exemple 27  conflit avec position absolute (test case)
  •  Exemple 62  problème de "clearing floats" (test case)
  •  Exemple 63  problème d'overflow (test case)