[Webkit-unassigned] [Bug 23570] New: Percentage for 'top'/'bottom' on relatively positioned elements

Tue Jan 27 07:52:31 PST 2009

https://bugs.webkit.org/show_bug.cgi?id=23570

           Summary: Percentage for 'top'/'bottom' on relatively positioned
                    elements
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: zcorpan at gmail.com

[[
Yes, it ignores percentage values for top and bottom (with relative
positioning) when the parent is a percentage height (or height auto). 

It even fails if there is an ancestor with a fixed pixel height but the next
child is set at height:100% then it still fails even though the percentage
height should resolve to a known dimension.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.test {
    height:200px;
    background:red;
    top:300px;
    position:relative
}
p {
    position:relative;
    top:-50%;
    border:1px solid green;
}
.test div {
    height:100%;
    background:blue;
}
</style>
</head>
<body>
<div class="test">
    <div>
        <p>test</p>
    </div>
</div>
</body>
If you remove the nested div it will suddenly work.

(This is Safari3 on the PC but I assume mac versions would be the same.)
]] -- Paul O'B on sitepoint forums

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.