IE8

From CSS Discuss

Jump to: navigation, search

OK gang, let's start ripping this to shreds... This page, that is, not IE8.


Contents

IE8 Readiness Toolkit

IE8 bug reporting

IE Beta Newsgroup - This newsgroup is the all-in-one place to discuss items about IE8 betas. Microsoft MVPs and IE team members will monitor this newsgroup.

IE8 beta, 'release candidate' builds and final release

Help | About Internet Explorer -> Version

Build Date
8.0b 5 Mar 2008
8.0b2 28 Aug 2008
8.0RC1 26 Jan 2009
8.0 19 Mar 2009

Microsoft links

  • [1]: 05 Mar 2008: "Why isn't IE8 passing the Acid 2 test?"
  • [2] 05 Mar 2008: "IE8 beta feedback"
  • [3] 05 Mar 2008: "Internet Explorer 8 Beta 1 for Developers Now Available"
  • [4] CSS Compatibility and Internet Explorer

CSS Bugs

  • Position Is Everything's list of Internet Explorer bugs [5] by "Big" John Gallant
  • IE8 CSS bugs [6] by Bruno Fassino
  • CSS-Class page on Internet Explorer bugs [7] by Alan Gresley
  • Bugs in IE 8 [8] by GĂ©rard Talbot
  • IE 8 bugs [9] by James Hopkins
  • hasLayout.net's Internet Explorer CSS Bugs [10] by Zoffix Znet
  • IE8 overflow and expanding box bugs [11] by Hilbrand Edskes
  • Internet Explorer 8 report [12] by Mark "Tarquin" Wilton-Jones
  • Internet Explorer 8 bugs [13] by "mvdleij"
  • IE 8 betas bugs [14] by Philip Taylor
  • IE8 bugs [15] by Simon Pieters
  • IE 8 betas bugs [16] by Anton Prowse

Rendering Modes

  • IE8 Standards
  • IE7 Standards
  • Quirks

Trigged using Doctype switching, HTTP headers and Meta tags.

Resources: [17]

CSS Filters and Hacks

  • IE8 b1: The IE-Mac Band Pass Filter [18] is not interpreted as a comment in IE8 b1. Testcase: [19]
  • IE8 b1: The Caio Hack Caio Hack triggers in standards mode in IE8 b1.
  • IE8: Estelle's IE8 CSS Hack [20] is a combination of the star hack and targeting newer browsers with CSS3 to target IE8

CSS Properties

line-height

  • A small line-height < normal cuts the ascenders and descenders. Testcase: | [21]

text-indent

  • negative text-indent causes clipping of text in IE8b1. Testcase: [22]

padding

  • specifying a padding value (more than null) on html element has no effect. Testcase: [23]


List-item whitespace bug

  • In lists there are still cases where extra space is displayed (not related to presence of white-space in the source.) Some test cases with floats inside list-items [24], [25]


The @import rule

  • 3 Level Nested Import Statement Restriction IE [26]


Fuzzy Specificity Bug

The fuzzy specificity bug that affects IE7 and under and Opera 7.54 and under, documented here [27], still affects IE8 b1.


Selectors

Basic Selector Support Tests

IE8 supports all CSS2.1 selectors [28].

spec link IE8
5.2 Selector Syntax PASS
5.2.1 Grouping PASS
5.3 Universal Selector PASS
5.4 Type Selectors PASS
5.5 Descendant Selectors PASS
5.6 Child Selectors PASS
5.7 Adjacent Sibling Selectors PASS
5.8.1 Attribute Selectors PASS
5.8.3 Class Selectors PASS
5.9 ID Selectors PASS
5.10 Pseudo-Class Combinations PASS
5.11.1 :first-child PASS
5.11.2 :link and :visited PASS
5.11.3 :active, :hover, and :focus PASS
5.11.4 :lang PASS
5.12.1 :first-line PASS
5.12.2 :first-letter PASS
5.12.3 :before and :after PASS
6.2.1 inherit PASS

CSS3 selectors

pseudo-classes, pseudo-elements

CSS Properties

background

  • In IE8 b1 the background (color and image) does not extend under the border, as it should [29] (previously this depended on the hasLayout status of the element).
  • background images get lost on multi line inline links (old problem) [30]
  • Use of repeated background images of a particular size causes very slow page reflow. Testcase: [31]

display

  • In IE8 b1 some display 'table' properties are broken. These affect at least the values 'table' and 'table-cell'. If an elements has either of these display values then other property values on the same element are duplicated like 'border-width', 'line-height', 'padding' into a phantom box. Testcases: [32], [33], [34]

overflow

  • Overflow boxes which are floated become un-scrollable. Testcase: [35]


vertical-align

  • In IE8 b1 the vertical-align property seems only partially implememented in table cells. And has problems in other cases as well. For example, these test cases with images [36] show that the values middle, text-top, text-bottom are not always correct. And these test cases with inline-boxes [37] show that the value baseline for an inline-box is not always correct.


position: relative / absolute / fixed

  • In IE8 b1 an a.p. element with auto offset following a float has a wrong static position. This is an old problem. [38]

Do the following IE7 problems still persist?

  • rtl context: bad rendering of relatively positioned inline box [39]
  • Negative top value on position:relative is deducted from border-width of relative positioned ancestor [40]


z-index

  • In IE8 b1 relatively positioned elements with z-index:auto correctly do not establish a new stacking context. This was wrong in IE7 [41]. The same thing (no stacking context) seems now to happen with z-index:0 [42], which is not correct, but it's a minor problem.


float and clearing

  • In IE8 b1 the easy clearing method works, thanks now to the support for generated content. But sometimes problems show up in boxes following the one with the 'content-generated clear' [43], [44]. Those problems (extra spacing and wrong float positioning) sometimes vanish as the page is resized (or re-flown for any other reason), and come back at a reload.
  • In IE8 b1 a float may escape from the top of its containing block, when there is a previous float cleared by the containing block [45].
  • In IE8 b1 a simple br with clear:both doesn't clear floats. This has always happened in older version of IE (now that hasLayout cannot be used anymore to get float enclosing, one expects that all other clearing methods work.)
Personal tools