509990 - table-cell CSS rule applied irregularly

Status: RESOLVED DUPLICATE of bug 148810

(Firefox :: General, defect)

Description

[Tom Edwards]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-GB; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-GB; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2

At the bug URL is a page using several templates (Warning, Tip and Bug) which insert two display:table-cell elements inside a display:block element. The elements (and their CSS) are exactly the same for all three, but as you should be able to see, the Tip has developed an erroneous line break.

Here is another page that uses the Tip template, only this time no line break appears:

http://developer.valvesoftware.com/w/index.php?title=Visibility_optimization&oldid=122917#Leaves

Toggling either display rule off then back on again with Firebug causes the elements to sit side-by-side as they ought.

Reproducible: Sometimes

Steps to Reproduce:
(unclear)
Actual Results:  
Sometimes the two display:table-cell elements are rendered one above the other as if they were both display:block. Other times they are rendered side-by-side (correctly).


Expected Results:  
Elements are rendered side-by-side 100% of the time.


In the "Tip" element, text is right-aligned. Making the "display:block" element that wraps it and the other inner element "display:table" causes the "Tip" text to appear on the very right-hand side of the outer element.

The CSS2 spec says:

"Document languages other than HTML may not contain all the elements in the CSS 2.1 table model. In these cases, the "missing" elements must be assumed in order for the table model to work. Any table element will automatically generate necessary anonymous table objects around itself, consisting of at least three nested objects corresponding to a 'table'/'inline-table' element, a 'table-row' element, and a 'table-cell' element. Missing elements generate anonymous objects (e.g., anonymous boxes in visual table layout)"

-- http://www.w3.org/TR/CSS2/tables.html#anonymous-boxes

Comment 1

[philippe (part-time)]

This works correctly for me using the nightly builds
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2a2pre) Gecko/20090812 Minefield/3.6a2pre

1. can you attach a screenshot of what you see ? (there is lots of stuff on that page... I may be missing something) - use the 'Add an attachment' link above.

2. From your description, it sounds like bug 148810 all over.
Can you test a nightly build to see if you can repro the issue ?
http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/

Comment 2

[Tom Edwards]

Attachment: Rendering of bug

A screen would have been nice, yeah. ;-)

The bug is apparently fixed with Gecko/20090812 Minefield/3.6a2pre. I've done spot checks on pages where the template is included and it's been rendered correctly every time.

Comment 3

[philippe (part-time)]

Right, thanks for the screenshot and the testing.