#8026 closed bug (fixed)

Opened January 18, 2012 04:52PM UTC

Closed January 20, 2012 02:38AM UTC

Last modified January 20, 2012 02:38AM UTC

minHeight support test affects page layout in IE 9

I am trying to apply this sticky footer pattern to my template:

But in Internet Explorer 9, I am seeing a scroll bar, and if I scroll down lots of white space appearing below the footer.

Jquery and jquery-ui libraries are merely included in the head, no other java script loads that could call them.

The problem still manifests, until I remove jquery-ui from the head. Then the page renders ok.

Here are some live examples:

I sent a pull request that used browser sniffing to fix this problem:

But that was rejected.

Attachments (0)

Change History (5)

summary:	Breaks sticky footer in IE9 → minHeight support test affects page layout in IE 9

This is actually not related to sticky footer. Here's an actually reduced test case: http://jsfiddle.net/7D5q5/show

resolution:	→ fixed
status:	new → closed

Core: Access offsetHeight on div for support tests to avoid a layout bug in IE 9. Fixes #8026 - minHeight support test affects page layout in IE 9.

Changeset: 956c2cd2a5a44d40a9b2fb0a8c05f765fa302c92

Core: Access offsetHeight on div for support tests to avoid a layout bug in IE 9. Fixes #8026 - minHeight support test affects page layout in IE 9.

(cherry picked from commit 956c2cd2a5a44d40a9b2fb0a8c05f765fa302c92)

Changeset: 9e4455f52d721f2efd4c91037bcd3daf24635599

milestone:	1.9 → 1.8.18