incorrect absolute positioning within positioned tables (and display: table) with border

RESOLVED INVALID

Status

()

RESOLVED INVALID
4 years ago
4 years ago

People

(Reporter: shield24, Unassigned)

Tracking

33 Branch
x86
Windows 8.1
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

4 years ago
User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.6 Safari/537.36

Steps to reproduce:

1. Create a table with a 10px border (or a div with display: table;)
2. Set the table to position: relative;
3. Add a table cell
4. Inside the table cell, add a content div with position: absolute; top: 0; left: 0;

Demo: http://jsfiddle.net/rpd67gkz/


Actual results:

The content div is positioned *on top* of the border.


Expected results:

The content div should be positioned *inside* the border as it normally is inside a positioned container of a different type. Chrome and Opera behave as expected.

Comment 1

4 years ago
IE11 has the same rendering as FF.
Component: Untriaged → Layout: Tables
Product: Firefox → Core
The rendering is correct per spec, and the rendering in Chrome is a bug you should probably report to them.  The containing block is the table wrapper box.  See standards thread at http://lists.w3.org/Archives/Public/www-style/2014Mar/0208.html and following.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → INVALID
And in particular, Chrome's behavior is totally broken when captions are involved.
You need to log in before you can comment on or make changes to this bug.