Closed
Bug 828581
Opened 12 years ago
Closed 12 years ago
display: absolute within a display:table-cell with position:relative is not positioning properly
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: shaun.d.russell, Unassigned)
Details
Attachments
(1 file)
|
(deleted),
image/png
|
Details |
firefox-rendering-bug.png
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11
Steps to reproduce:
I set up a table using nested divs with display: table, table-row, table-cell. The table-cell's are position: relative as I am trying to display something at the bottom of each column.
http://jsfiddle.net/YjHaB/9/
Actual results:
It ignores the position:relative, resulting in all of the absolutely positioned objects being positioned relative to the container.
http://jsfiddle.net/YjHaB/9/
Expected results:
The objects should be positioned relative to the table-cell.
This works correctly in the latest versions of IE and Chrome. http://jsfiddle.net/YjHaB/9/
|
||
Updated•12 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 12 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•