939641 - percentage values for top and bottom on relatively positioned element not honored when parent has auto height

Status: RESOLVED DUPLICATE of bug 260348

(Core :: Layout, defect)

Description

[Louis Lazaris]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36

Steps to reproduce:

Visit this page:

http://www.impressivewebs.com/minheight-bug.html

Or do the following:

1. Create a parent box holding a child box.
2. Give the parent a min-height value, or let the parent element expand naturally due to other content.
3. Give the child position: relative then top: 50% (or other percentage value)


Actual results:

The child box stays at the top.


Expected results:

The child box should be positioned some distance from the top (50% of the height of the parent element, in accordance with the spec).

NOTE: If you change the min-height value to a "height" value, the problem is corrected. But if you replace the min-height with content that creates natural height, the problem persists.

BROWSERS NOTE: All browsers I tested have the same behaviour (Stable Chrome, Chrome Canary, IE10, Safari 6.1) except Opera 12.16, which correctly positions the box using top: 50%.

Comment 1

[(mostly gone) XtC4UaLL [:xtc4uall]]

Confirming. Though - as noted - MSIE 11/Chrome behave as Gecko/Firefox.
FWIW, it works with "position: absolute;" set.