Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: tables - anonymous table objects

This has a blue background that should touch the red background below because the anonymous table must have zero margins - the same as this element.

This is an table-cell. It should have a table and table-row implied around it.

This is an table-cell. It should have a table and table-row implied around it. It should be in the same row and table from the previous table cell since anonymous table objects are implied on a consecutive sibling basis.
Here's some intervening content whose effect is uncertain.
This is an table-cell. It should have a table and table-row implied around it. It should be in the same row and table from the previous table cell since anonymous table objects are implied on a consecutive sibling document tree basis.

Here's some content whose sole purpose is to end the table.

This is an table-cell. It should have a table and table-row implied around it. It should be in a different row and table from the previous table cell since anonymous table objects are implied on a consecutive sibling basis.

Here's some content whose sole purpose is to end the table.

This is a table cell inside a table row that lacks a table. It also has 100 pixels of margin, which should be ignored. Finally, it has a border.
This is a table cell inside a table row that lacks a table. It also has 100 pixels of margin, which should be ignored. Finally, it has a border. This border should collapse (i.e., not be visible (it has a solid border, the one above has a double border) to show that the rows are being made a part of the same table.
This is some intervening content that doesn't have a document-tree entry.
This is a table cell inside a table row that lacks a table. It also has 100 pixels of margin, which should be ignored. Finally, it has a border. This border should collapse (i.e., not be visible (it has a grooved border, the one above has a solid border) to show that the rows are being made a part of the same table.

Here's some content whose sole purpose is to end the table.

This is some P content in a table row. It is the child of the table-row but isn't a table-cell. As a result, one should be implied around it.

This is some P content in a table row. It is the child of the table-row but isn't a table-cell. However, since the table-cell should span all adjacent siblings, it should be in that cell and therefore should appear below it.

This is a true table cell whose purpose is to ensure that the browser is correctly treating the previous two elements - it should appear next to them.

Here's a reference rendering of the previous example (it should look exactly the same):

This is some P content in a table row. It is the child of the table-row but isn't a table-cell. As a result, one should be implied around it.

This is some P content in a table row. It is the child of the table-row but isn't a table-cell. However, since the table-cell should span all adjacent siblings, it should be in that cell and therefore should appear below it.

This is a true table cell whose purpose is to ensure that the browser is correctly treating the previous two elements - it should appear next to them.