Debugging CSS - Internet Explorer
This page links to examples of debugging needed by Internet Explorer.
It is useless to start debugging a page when the HTML is not valid.
It is useless to start debugging a page when the stylesheet is not valid.
The best method is to correct the styles (embedded or linked) with Firefox and check that Internet Explorer reacts correctly.
- Unwanted spaces, unwanted gaps
- Example 2
- Example 3
- Example 5
- Example 6
- Example 8
- Example 9 when hovering
- Example 12 when hovering
- Example 55 margin-bottom applied to a floated child element (test case)
- Example 57 double margin bug (test case)
- Example 58 gaps between lines in a list having hasLayout(test case)
- Example 59 one extra pixel above a one pixel high line (test case)
- Unwanted shifts
- Example 2
- Example 5
- Example 25 (test case)
- Misalignments
- Example 11
- Example 38 images (test case)
- Disappearing objects
- Example 8 color and text randomly disappearing
- Example 12 missing text
- Example 29 images (test case)
- Example 44 image (test case)
- Example 49 menu in an unordered content layout and position:absolute; (test case)
- Example 54 bullets in floated lists (test case)
- Appearing objects
- Example 8 extra text
- Example 32 extra text (test case)
- Example 56 extra text (test case)
- Miscelleanous
- Example 4 the xml prolog
- Example 7 content pushed down
- Example 13 :first-letter
- Example 36 div:first-letter (test case)
- Example 14 unscrollable content
- Example 31 unscrollable content (test case)
- Example 26 (test case)
- Problems still present with IE 7
- Example 2 unwanted spaces, unwanted gaps
- Example 3 unwanted spaces, unwanted gaps
- Example 4 the xml prolog
- Example 7 content pushed down
- Example 8 misalignments, color missing
- Example 17 missing images, gaps... (test case)
- Example 58 gaps between lines in a list having hasLayout (test case)
- Example 18 hasLayout problem (test case)
- Example 22 hasLayout problem -star hack- (test case)
- Example 24 list-style, height, line-height, child selector (test case)
- Example 29 background, position:relative, float (test case)
- Example 33 border not displayed when hovering without position:relative (test case)
- Example 38 misaligned images (test case)
- Example 40 inaccessible links with a Suckerfish menu (test case)
- Example 41 border not displayed around inline text without position:relative (test case)
- Example 42 issue with cursor and a negative margin without hasLayout (test case)
- Example 52 clearing floats issue (test case)
- Example 53 clearing floats issue (test case)
- Example 62 clearing floats issue (test case)
- Example 54 bullets in floated lists with Internet Explorer (test case)
- Example 55 margin-bottom applied to a floated child element (test case)
- Example 59 one extra pixel above a 1px high line (test case)
- Example 61 styles two linked stylesheets with different titles applied (test case)
- Example 13 new bug - :first-letter - universal selector
- Example 15 new bug - vertical-align - height (test case)
- Example 16 new bug - menu shifting (test case)
- Example 23 new bug? - padding problem (test case)
- Example 37 new bug? - image, <em>, background, float (test case)
- Example 39 new bug? - Comments with IE 7 (test case)
- Example 27 position absolute conflict (test case)
- Example 28 padding not applied without position:relative (test case)
- Example 30 height (test case)
- Example 34 label:hover (test case)
- Example 35 margin problem on anchor when using :first-letter with IE7 (test case)
- Example 36 color problem on anchor when using :first-letter with IE7 (test case)
- Example 43 clearing floats issue with IE7 (test case)
- Example 46 background-color on hover doesn't change in IE 7 (test case)
- Example 47 height / position:relative problem with IE 7 (test case)
- Example 48 1px dotted borders rendered as dashed with IE 7 (test case)
- Example 50 Menu links not working in IE 7 without position:relative; (test case)
- Example 60 IE 7 bug with font-style:italic;float:right; (test case)
- Problems still present with IE 8
- Example 27 position absolute conflict (test case)
- Example 62 clearing floats issue (test case)
- Example 63 overflow issue (test case)