298052 - when i use position:relative in CSS 'top' and 'bottom' doesnt work with %

Status: RESOLVED DUPLICATE of bug 260348

(Core :: Layout: Positioned, defect)

Description

[mike.dd]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

#rd {
  position:relative;
  top:-50%;
  left:-50%;
  margin:0px;
  padding:0px;
}


Reproducible: Always

Steps to Reproduce:
1.relative position tested with 'table' and 'div'
2.
3.

Actual Results:  
'left','right' : work perfect
'top','bottom' : have no effect

Comment 1

[Martijn Wargers (dead)]

Please attach a testcase with the "Create a New Attachment" link.
Also please try it out with a latest nightly trunk build, which you can find here:
http://ftp.scarlet.be/pub/mozilla.org/firefox/nightly/latest-trunk/

Comment 2

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

First of all, with 'position: relative', only one of top and bottom will work:

http://www.w3.org/TR/CSS21/visuren.html#relative-positioning

Second, percentages on these properties are relative to the height of the
containing block, so if the containing block doesn't have a clearly defined
height, they're going to be ignored:

http://www.w3.org/TR/CSS21/visuren.html#position-props

Comment 3

[mike.dd]

Attachment: html page + picture

1. table with red border should be centered.
    style:left works
    style:top doesnt 

2. when writing this demo i noticed that the pics are also not in place
   they are moved down.

Comment 4

[Jon Barnett]

Attachment: Test case to demonstrate bug

Better test case comparing absolute positioning and relative positioning.

Comment 5

[Jon Barnett]

created clear testcase

Comment 6

[Jon Barnett]

By the way, I disagree with comment #2 that top %s should be ignored if height
not specified.  The height should still be computed.  Nothing at either of those
URLs in comment #2 say that %s should be ignored if height is not specified by rule.

Absolute positioning works perfectly even when height is not specified.
(BTW: thanks, hixie for your Data URI kitchen... makes creating testcases easy)

Comment 7

[Boris Zbarsky [:bzbarsky]]

The only way to make this possibly work is to do all relative positioning shifts after the containing block is completely laid out (right now we do them as we lay out each line).

Confirming, but I really don't see the behavior here changing anytime soon.

Comment 8

[Gérard Talbot]

Several reasons (similar summary, similar description, similar D. Baron comment, etc.) lead me to believe that this bug is a duplicate of bug 260348. 

Resolving as DUPLICATE of bug 260348

*** This bug has been marked as a duplicate of 260348 ***