199444 - TD with relative positioning not used as containing block for absolute positioned childs

Status: RESOLVED DUPLICATE of bug 63895

(Core :: Layout: Positioned, defect)

Description

[Stefan Seidel]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.3) Gecko/20030312
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.3) Gecko/20030312

In the CSS specification, it is said that object with "position: absolute" are
positioned relatively to their containing block element. Mozilla seems to ignore
this effect when the containing block element is a TD.

Reproducible: Always

Steps to Reproduce:
1. Create a table
2. specify a TD with style="position:relative"
3. try to position a DIV with style="position:absolute;bottom:0" at the bottom
of this TD

Actual Results:  
The DIV is displayed relatively to the root block, in this case at the bottom of
the window.

Expected Results:  
Use the dimensions of the TD for the absolute positioning, the DIV should stay
within the TD.

I tried to find a dup of this bug, but none of the similar bugs were described
clearly enough to call them a dup.

Comment 1

[Stefan Seidel]

Attachment: testcase HTML

The upper table should have the green DIV at the bottom of the right table
cell. Instead, the green DIV appears at the bottom of the screen.
The second table has a DIV containing the blue DIV, where the absolute
positioning is correct at the bottom of the containing DIV.

Comment 2

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

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