IE8
From CSS Discuss
OK gang, let's start ripping this to shreds... This page, that is, not IE8.
Contents
|
IE8 Readiness Toolkit
- Internet Explorer 8 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
- updated testcases: pseudo classes and 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.)
Retrieved from "css-discuss.incutio.com/wiki/IE8"
