"display: inherit;" applied to TR moves all cells under first cell of previous line

VERIFIED INVALID

Status

()

Core
Layout: Tables
VERIFIED INVALID
12 years ago
12 years ago

People

(Reporter: Marc-Etienne VARGENAU, Unassigned)

Tracking

({testcase})

Trunk
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

12 years ago
User-Agent:       Mozilla/5.0 (X11; U; SunOS sun4u; fr-FR; rv:1.7.5) Gecko/20041221
Build Identifier: Mozilla/5.0 (X11; U; SunOS sun4u; fr-FR; rv:1.7.5) Gecko/20041221

I have a table of 3 rows of 6 cells. The second row is painted red by applying
"background-color: red;" to the TR.

If I apply "display: inherit;" to the TR, all red cells are moved under the
first cell of the first row.

Reproducible: Always

Steps to Reproduce:
Load file "bug.html"
Actual Results:  
All red cells are moved under the first cell of the first row.

Expected Results:  
I would expect a "normal" table like file "normal.html".

Internet Explorer displays "bug.html" like "normal.html".

Opera displays all red cells under the first cell of the first row AND does the
same for the third row.
(Reporter)

Comment 1

12 years ago
Created attachment 180785 [details]
Test case showing the bug
(Reporter)

Comment 2

12 years ago
Created attachment 180786 [details]
Expected display

Updated

12 years ago
Keywords: testcase

Comment 3

12 years ago
This is not because of 'display:inherit'. This is because you are applying
'display:table-row-group' to the TR element (albeit indirectly).

Not sure what the result should be though; Opera does something different.
OS: Solaris → All
Hardware: Sun → All
Mozilla's rendering is correct.  See
http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes for the reason.

Note that IE doesn't really allow display changes on HTML table-related
elements, other than to "none".  So IE is just ignoring your CSS altogether.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 12 years ago
Resolution: --- → INVALID

Comment 5

12 years ago
as Boris said, dont compare to IE if display types are involved
Status: RESOLVED → VERIFIED

Comment 6

12 years ago
Please note that IE is correct per CSS 2.1 as browsers may ignore 'display' on
HTML table elements. (<http://www.w3.org/TR/CSS21/tables.html#q2>)
(Reporter)

Comment 7

12 years ago
Thank you for the explanation.

In fact, what I wanted to do is the following.

I want do display or not some rows in the table, depending in the style sheet used.

In the "display all rows" style sheet, I had put 
"display: inherit;"
and in the "display only relevant rows" style sheet, I had put
"display: none;"

So the question is: what should I put instead of "display: inherit;" ?

Comment 8

12 years ago
display:table-row
(Reporter)

Comment 9

12 years ago
Thank you.
You need to log in before you can comment on or make changes to this bug.