Opera Bug #CORE-29331

Cell borders extend into cellspacing when table is floated, has borders/margin, or is within a bordered element

Affects up to Opera 12.15

The tables below all have a cellspacing attribute of 10 and a border attribute of 0. Cell borders are added to two sides of each cell, and if nothing more is done to the table, it appears normally.

If the table is floated, given a border or margin, or placed inside another element that has a border, then the cell borders become incorrectly rendered; bleeding out of their cells and into the cellspacing of the table. In the case of margin, the cell borders are affected by redraw issues which changes the shape of the borders as you scroll them out of view and back again.

Control table. The green borders in all tables below should look like this table:

Cell 1 Cell 2
Cell 3 Cell 4

Floated table

Cell 1 Cell 2
Cell 3 Cell 4

Table with border

Cell 1 Cell 2
Cell 3 Cell 4

Table with border on parent <div>

Cell 1 Cell 2
Cell 3 Cell 4

Table with margin (affected by redraw issues; reload to see)

Cell 1 Cell 2
Cell 3 Cell 4

This testcase displays the expected behaviour in Chrome, IE8 and Firefox.


Main Bug List