Closed Bug 894033 Opened 11 years ago Closed 11 years ago

display: table-cell on a <div> result in incorrect layout

Categories

(Core :: Layout: Positioned, defect)

22 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 63895

People

(Reporter: gordon.lack, Unassigned)

Details

Attachments

(1 file)

Attached file position-test.html
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:22.0) Gecko/20100101 Firefox/22.0 (Beta/Release)
Build ID: 20130627172038

Steps to reproduce:

See attached HTMl page (it's self-contained).

NOTE:  This page is a *much* cut-down one from one produced by jQuery.


Actual results:

If you apply "display: table-cell" to box2 (there's a JavaScript link on the page to set/unset this, or you can uncomment the setting the in include <style> section) then the absolute positioning of the 4 divs within box2 are positioned with respect to the <body> (I think).  But they should still be positioned wrt the box2 div.


Expected results:

The layout for the left and right-hand boxes should be the same.  Setting a div in a table cell to be "display table-cell" should not move it around.
PS: Google Chrome and IE8 both display this as expected.
OS: Linux → All
Hardware: x86_64 → All
Gordon, thank you for the bug report!  Unfortunately, this is a longstanding problem that requires significant changes to the implementation of tables to fix.  :(
Status: UNCONFIRMED → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: