Bug Tracker

Opened 11 years ago

Closed 11 years ago

#10409 closed bug (invalid)

IE 8 Differs from other browsers with .height()

Reported by: [email protected] Owned by:
Priority: low Milestone: None
Component: css Version: 1.6.4
Keywords: Cc:
Blocked by: Blocking:



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 [email protected]

in correct email

comment:2 Changed 11 years ago by anonymous

Incorrect Email Supplyed

comment:3 Changed 11 years ago by timmywil

Component: unfiledcss
Priority: undecidedlow
Resolution: invalid
Status: newclosed

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.


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.

Note: See TracTickets for help on using tickets.