IE11 negative margin bug combined with clear:both on a following element

Issue #104990 • Assigned to Bogdan B.

Details

Created
Apr 27, 2014
Privacy
This issue is public.
Found in build #
0.0011
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

Repro Steps:

==============

Demo available here:

http://www.pmob.co.uk/temp/sticky-footer-ie11bug.htm

Why is this important?

A lot of sticky footer routines use a negative top margin to make space for a footer and this behaviour breaks those routines.

 

Expected Results:

==============

The float has been dragged upwards with a negative top margin of 300px and is 200px tall which should mean the bottom of the float is 100px above the viewport. Therefore any element that follows and even if clear both has been applied should proceed to the bottom edge of the float and result in the element being dragged upwards by its 100px negative margin through the top of the viewport. All other browsers do this.

IE11 ignores the top margin as though the bottom of the float was flush with the top of the viewport which it is not. Removing the clear:both from the following element allows the top margin to work correctly in IE11 which confirms that the bottom of the float is in fact 100px above the top of viewport.

Actual Results:

==============

 

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Rossen A.”

      Changed Steps to Reproduce

      Changed Status to “Confirmed”

      Changed Steps to Reproduce

      Changed Assigned To from “Rossen A.” to “IPBS P.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Assigned To to “Bogdan B.”

      Changed Status from “Won’t fix”

      Changed Steps to Reproduce

    You need to sign in to your Microsoft account to add a comment.

    Sign in