Closed
Bug 894033
Opened 12 years ago
Closed 12 years ago
display: table-cell on a <div> result in incorrect layout
Categories
(Core :: Layout: Positioned, defect)
Tracking
()
People
(Reporter: gordon.lack, Unassigned)
Details
Attachments
(1 file)
1.59 KB,
text/plain
|
Details |
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.
Reporter | ||
Comment 1•12 years ago
|
||
PS: Google Chrome and IE8 both display this as expected.
Reporter | ||
Updated•12 years ago
|
OS: Linux → All
Hardware: x86_64 → All
Comment 2•12 years ago
|
||
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: 12 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•