Opened 11 years ago
Closed 11 years ago
#10409 closed bug (invalid)
IE 8 Differs from other browsers with .height()
Reported by: | Owned by: | ||
---|---|---|---|
Priority: | low | Milestone: | None |
Component: | css | Version: | 1.6.4 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Hello,
jsFiddle http://jsfiddle.net/rFu9T/1/
When using .height() on a UL in IE 8 (compatibility mode) the ul's height is returned as 32 where as in other browsers it is returned as 64
This is clearly an issue for site's that are coding to support older version of IE
in the CSS there is nothing that changes the height of the element only it's display state
This has been tested in
IE 8 Does not Work, IE 9 Does not work but is better (3px smaller than none ie browsers), IE 9 (IE8 Mode) Does not work IE 9 (IE7 mode) Does not work IE 6 Dose not work
Chrome Live, Dev, Beta Channels Works FireFox 5,6, Nightly (Works)
Expected Alert of (64) in all browsers
Given Alert of (61) in IE9 Alert of (64) in Chrome(dev, beta, live), Firefox(live, nightly), Safari, Opera Alert of (32) in other version of IE(6,7,8)
Change History (3)
comment:1 Changed 11 years ago by
comment:3 Changed 11 years ago by
Component: | unfiled → css |
---|---|
Priority: | undecided → low |
Resolution: | → invalid |
Status: | new → closed |
Thanks for taking the time to submit a bug report.
There are several things wrong with the test case.
First, the :hover pseudo selector is not supported for parents in IE 6. Second, the order in which the browser fires the mouseover event for javascript and repaints for hover is different for IE7 and IE8.
http://jsfiddle.net/timmywil/rFu9T/4/
Given the test case above, if you hover over the other li's after the first one, you'll see a more reasonable dimension. jQuery is unable to control that.
As for IE9, the 3px difference has to do with the different default line-height for the elements. If this is normalized, the value is then consistent.
in correct email