Closed Bug 1101498 Opened 10 years ago Closed 10 years ago

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

Categories

(Core :: Layout: Tables, defect)

Product:
Core
Component:
Layout: Tables
Version:
33 Branch
Platform:
x86
Windows 8.1
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: shield24, Unassigned)

Details

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.
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
Closed: 10 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.