| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 685 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 715 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x685 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x715 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 |
| 4 RenderBlock {HTML} at (0,0) size 785x685 | 4 RenderBlock {HTML} at (0,0) size 785x715 |
| 5 RenderBody {BODY} at (8,8) size 769x669 | 5 RenderBody {BODY} at (8,8) size 769x699 |
| 6 RenderBlock {PRE} at (0,0) size 769x182 | 6 RenderBlock {PRE} at (0,0) size 769x210 |
| 7 RenderText {#text} at (0,0) size 640x156 | 7 RenderText {#text} at (0,0) size 640x180 |
| 8 text run at (0,0) width 359: "These tables below all have the HTML + C
SS ..." | 8 text run at (0,0) width 359: "These tables below all have the HTML + C
SS ..." |
| 9 text run at (358,0) width 1: " " | 9 text run at (358,0) width 1: " " |
| 10 text run at (0,13) width 0: " " | 10 text run at (0,15) width 0: " " |
| 11 text run at (0,26) width 469: "<TABLE><tr>
table {" | 11 text run at (0,30) width 469: "<TABLE><tr>
table {" |
| 12 text run at (468,26) width 1: " " | 12 text run at (468,30) width 1: " " |
| 13 text run at (0,39) width 531: " <td><TABLE style='margin: 20px; paddi
ng: 19px;'> width: 600px;" | 13 text run at (0,45) width 531: " <td><TABLE style='margin: 20px; paddi
ng: 19px;'> width: 600px;" |
| 14 text run at (530,39) width 1: " " | 14 text run at (530,45) width 1: " " |
| 15 text run at (0,52) width 601: " <tr><td></td></tr>
border: 1px solid red;" | 15 text run at (0,60) width 601: " <tr><td></td></tr>
border: 1px solid red;" |
| 16 text run at (600,52) width 1: " " | 16 text run at (600,60) width 1: " " |
| 17 text run at (0,65) width 578: " </TABLE></td>
empty-cells: show;}" | 17 text run at (0,75) width 578: " </TABLE></td>
empty-cells: show;}" |
| 18 text run at (577,65) width 1: " " | 18 text run at (577,75) width 1: " " |
| 19 text run at (0,78) width 445: "</tr></TABLE>
td {" | 19 text run at (0,90) width 445: "</tr></TABLE>
td {" |
| 20 text run at (444,78) width 1: " " | 20 text run at (444,90) width 1: " " |
| 21 text run at (0,91) width 625: "
border: 1px solid green;}" | 21 text run at (0,105) width 625: "
border: 1px solid green;}" |
| 22 text run at (624,91) width 1: " " | 22 text run at (624,105) width 1: " " |
| 23 text run at (0,104) width 640: "
table.inner {margin: 20px;} " | 23 text run at (0,120) width 640: "
table.inner {margin: 20px;} " |
| 24 text run at (639,104) width 1: " " | 24 text run at (639,120) width 1: " " |
| 25 text run at (0,117) width 0: " " | 25 text run at (0,135) width 0: " " |
| 26 text run at (0,130) width 508: "... and differ only in the value of 'p
adding:'. From top table to" | 26 text run at (0,150) width 508: "... and differ only in the value of 'p
adding:'. From top table to" |
| 27 text run at (507,130) width 1: " " | 27 text run at (507,150) width 1: " " |
| 28 text run at (0,143) width 414: "bottom: 0px, 10px, 19px, 20px, 25px. N
ote that for a " | 28 text run at (0,165) width 414: "bottom: 0px, 10px, 19px, 20px, 25px. N
ote that for a " |
| 29 RenderInline {U} at (0,0) size 593x26 | 29 RenderInline {U} at (0,0) size 593x30 |
| 30 RenderInline {I} at (0,0) size 593x26 | 30 RenderInline {I} at (0,0) size 593x30 |
| 31 RenderText {#text} at (413,143) size 593x26 | 31 RenderText {#text} at (413,165) size 593x30 |
| 32 text run at (413,143) width 180: "table over-constrained " | 32 text run at (413,165) width 180: "table over-constrained " |
| 33 text run at (592,143) width 1: " " | 33 text run at (592,165) width 1: " " |
| 34 text run at (0,156) width 157: "within another table" | 34 text run at (0,180) width 157: "within another table" |
| 35 RenderText {#text} at (156,156) size 16x13 | 35 RenderText {#text} at (156,180) size 16x15 |
| 36 text run at (156,156) width 16: ", " | 36 text run at (156,180) width 16: ", " |
| 37 RenderInline {I} at (0,0) size 181x13 | 37 RenderInline {I} at (0,0) size 181x15 |
| 38 RenderInline {U} at (0,0) size 181x13 | 38 RenderInline {U} at (0,0) size 181x15 |
| 39 RenderText {#text} at (171,156) size 181x13 | 39 RenderText {#text} at (171,180) size 181x15 |
| 40 text run at (171,156) width 181: "when (padding >=margin)" | 40 text run at (171,180) width 181: "when (padding >=margin)" |
| 41 RenderText {#text} at (351,156) size 125x13 | 41 RenderText {#text} at (351,180) size 125x15 |
| 42 text run at (351,156) width 125: ", the margin is " | 42 text run at (351,180) width 125: ", the margin is " |
| 43 RenderInline {I} at (0,0) size 586x26 | 43 RenderInline {I} at (0,0) size 586x30 |
| 44 RenderInline {U} at (0,0) size 586x26 | 44 RenderInline {U} at (0,0) size 586x30 |
| 45 RenderText {#text} at (475,156) size 586x26 | 45 RenderText {#text} at (475,180) size 586x30 |
| 46 text run at (475,156) width 111: "all allocated " | 46 text run at (475,180) width 111: "all allocated " |
| 47 text run at (585,156) width 1: " " | 47 text run at (585,180) width 1: " " |
| 48 text run at (0,169) width 172: "to the right hand side" | 48 text run at (0,195) width 172: "to the right hand side" |
| 49 RenderText {#text} at (171,169) size 407x13 | 49 RenderText {#text} at (171,195) size 407x15 |
| 50 text run at (171,169) width 407: " of the table (and to the left if 'd
irection: rtl;'." | 50 text run at (171,195) width 407: " of the table (and to the left if 'd
irection: rtl;'." |
| 51 LayoutTable {TABLE} at (0,195) size 600x26 [border: (1px dotted #0000FF)] | 51 LayoutTable {TABLE} at (0,223) size 600x28 [border: (1px dotted #0000FF)] |
| 52 LayoutTableSection {TBODY} at (1,1) size 598x24 | 52 LayoutTableSection {TBODY} at (1,1) size 598x26 |
| 53 LayoutTableRow {TR} at (0,2) size 598x20 | 53 LayoutTableRow {TR} at (0,2) size 598x22 |
| 54 LayoutTableCell {TD} at (2,2) size 594x20 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] | 54 LayoutTableCell {TD} at (2,2) size 594x22 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] |
| 55 RenderText {#text} at (2,2) size 217x16 | 55 RenderText {#text} at (2,2) size 217x18 |
| 56 text run at (2,2) width 217: "600px table for width comparison" | 56 text run at (2,2) width 217: "600px table for width comparison" |
| 57 LayoutTable {TABLE} at (0,221) size 650x60 [border: (1px solid #FF0000)] | 57 LayoutTable {TABLE} at (0,251) size 650x60 [border: (1px solid #FF0000)] |
| 58 LayoutTableSection {TBODY} at (1,1) size 648x58 | 58 LayoutTableSection {TBODY} at (1,1) size 648x58 |
| 59 LayoutTableRow {TR} at (0,2) size 648x54 | 59 LayoutTableRow {TR} at (0,2) size 648x54 |
| 60 LayoutTableCell {TD} at (2,2) size 644x54 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] | 60 LayoutTableCell {TD} at (2,2) size 644x54 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] |
| 61 LayoutTable {TABLE} at (22,22) size 600x10 [border: (1px solid #FF
0000)] | 61 LayoutTable {TABLE} at (22,22) size 600x10 [border: (1px solid #FF
0000)] |
| 62 LayoutTableSection {TBODY} at (1,1) size 598x8 | 62 LayoutTableSection {TBODY} at (1,1) size 598x8 |
| 63 LayoutTableRow {TR} at (0,2) size 598x4 | 63 LayoutTableRow {TR} at (0,2) size 598x4 |
| 64 LayoutTableCell {TD} at (2,2) size 594x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] | 64 LayoutTableCell {TD} at (2,2) size 594x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] |
| 65 LayoutTable {TABLE} at (0,281) size 650x80 [border: (1px solid #FF0000)] | 65 LayoutTable {TABLE} at (0,311) size 650x80 [border: (1px solid #FF0000)] |
| 66 LayoutTableSection {TBODY} at (1,1) size 648x78 | 66 LayoutTableSection {TBODY} at (1,1) size 648x78 |
| 67 LayoutTableRow {TR} at (0,2) size 648x74 | 67 LayoutTableRow {TR} at (0,2) size 648x74 |
| 68 LayoutTableCell {TD} at (2,2) size 644x74 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] | 68 LayoutTableCell {TD} at (2,2) size 644x74 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] |
| 69 LayoutTable {TABLE} at (22,22) size 600x30 [border: (1px solid #FF
0000)] | 69 LayoutTable {TABLE} at (22,22) size 600x30 [border: (1px solid #FF
0000)] |
| 70 LayoutTableSection {TBODY} at (11,11) size 578x8 | 70 LayoutTableSection {TBODY} at (11,11) size 578x8 |
| 71 LayoutTableRow {TR} at (0,2) size 578x4 | 71 LayoutTableRow {TR} at (0,2) size 578x4 |
| 72 LayoutTableCell {TD} at (2,2) size 574x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] | 72 LayoutTableCell {TD} at (2,2) size 574x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] |
| 73 LayoutTable {TABLE} at (0,361) size 650x98 [border: (1px solid #FF0000)] | 73 LayoutTable {TABLE} at (0,391) size 650x98 [border: (1px solid #FF0000)] |
| 74 LayoutTableSection {TBODY} at (1,1) size 648x96 | 74 LayoutTableSection {TBODY} at (1,1) size 648x96 |
| 75 LayoutTableRow {TR} at (0,2) size 648x92 | 75 LayoutTableRow {TR} at (0,2) size 648x92 |
| 76 LayoutTableCell {TD} at (2,2) size 644x92 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] | 76 LayoutTableCell {TD} at (2,2) size 644x92 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] |
| 77 LayoutTable {TABLE} at (22,22) size 600x48 [border: (1px solid #FF
0000)] | 77 LayoutTable {TABLE} at (22,22) size 600x48 [border: (1px solid #FF
0000)] |
| 78 LayoutTableSection {TBODY} at (20,20) size 560x8 | 78 LayoutTableSection {TBODY} at (20,20) size 560x8 |
| 79 LayoutTableRow {TR} at (0,2) size 560x4 | 79 LayoutTableRow {TR} at (0,2) size 560x4 |
| 80 LayoutTableCell {TD} at (2,2) size 556x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] | 80 LayoutTableCell {TD} at (2,2) size 556x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] |
| 81 LayoutTable {TABLE} at (0,459) size 650x100 [border: (1px solid #FF0000)] | 81 LayoutTable {TABLE} at (0,489) size 650x100 [border: (1px solid #FF0000)] |
| 82 LayoutTableSection {TBODY} at (1,1) size 648x98 | 82 LayoutTableSection {TBODY} at (1,1) size 648x98 |
| 83 LayoutTableRow {TR} at (0,2) size 648x94 | 83 LayoutTableRow {TR} at (0,2) size 648x94 |
| 84 LayoutTableCell {TD} at (2,2) size 644x94 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] | 84 LayoutTableCell {TD} at (2,2) size 644x94 [border: (1px solid #00800
0)] [r=0 c=0 rs=1 cs=1] |
| 85 LayoutTable {TABLE} at (22,22) size 600x50 [border: (1px solid #FF
0000)] | 85 LayoutTable {TABLE} at (22,22) size 600x50 [border: (1px solid #FF
0000)] |
| 86 LayoutTableSection {TBODY} at (21,21) size 558x8 | 86 LayoutTableSection {TBODY} at (21,21) size 558x8 |
| 87 LayoutTableRow {TR} at (0,2) size 558x4 | 87 LayoutTableRow {TR} at (0,2) size 558x4 |
| 88 LayoutTableCell {TD} at (2,2) size 554x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] | 88 LayoutTableCell {TD} at (2,2) size 554x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] |
| 89 LayoutTable {TABLE} at (0,559) size 650x110 [border: (1px solid #FF0000)] | 89 LayoutTable {TABLE} at (0,589) size 650x110 [border: (1px solid #FF0000)] |
| 90 LayoutTableSection {TBODY} at (1,1) size 648x108 | 90 LayoutTableSection {TBODY} at (1,1) size 648x108 |
| 91 LayoutTableRow {TR} at (0,2) size 648x104 | 91 LayoutTableRow {TR} at (0,2) size 648x104 |
| 92 LayoutTableCell {TD} at (2,2) size 644x104 [border: (1px solid #0080
00)] [r=0 c=0 rs=1 cs=1] | 92 LayoutTableCell {TD} at (2,2) size 644x104 [border: (1px solid #0080
00)] [r=0 c=0 rs=1 cs=1] |
| 93 LayoutTable {TABLE} at (22,22) size 600x60 [border: (1px solid #FF
0000)] | 93 LayoutTable {TABLE} at (22,22) size 600x60 [border: (1px solid #FF
0000)] |
| 94 LayoutTableSection {TBODY} at (26,26) size 548x8 | 94 LayoutTableSection {TBODY} at (26,26) size 548x8 |
| 95 LayoutTableRow {TR} at (0,2) size 548x4 | 95 LayoutTableRow {TR} at (0,2) size 548x4 |
| 96 LayoutTableCell {TD} at (2,2) size 544x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] | 96 LayoutTableCell {TD} at (2,2) size 544x4 [border: (1px solid
#008000)] [r=0 c=0 rs=1 cs=1] |
| OLD | NEW |