Skip to main content

Bug Tracker

Side navigation

#10409 closed bug (invalid)

Opened October 03, 2011 07:55AM UTC

Closed October 06, 2011 12:35AM UTC

IE 8 Differs from other browsers with .height()

Reported by: Martin.barekr@unit4.com 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)

Attachments (0)
Change History (3)

Changed October 03, 2011 07:56AM UTC by martin.barker@unit4.com comment:1

in correct email

Changed October 03, 2011 07:57AM UTC by anonymous comment:2

Incorrect Email Supplyed

Changed October 06, 2011 12:35AM UTC by timmywil comment:3

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.

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.