| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 LayoutTable {TABLE} at (0,0) size 304x38 [border: (5px outset #808080)] | 6 LayoutTable {TABLE} at (0,0) size 304x38 [border: (5px outset #808080)] |
| 7 LayoutTableSection {TBODY} at (5,5) size 294x28 | 7 LayoutTableSection {TBODY} at (5,5) size 294x28 |
| 8 LayoutTableRow {TR} at (0,2) size 294x24 | 8 LayoutTableRow {TR} at (0,2) size 294x24 |
| 9 LayoutTableCell {TD} at (2,2) size 144x24 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | 9 LayoutTableCell {TD} at (2,2) size 144x24 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] |
| 10 RenderText {#text} at (2,2) size 140x19 | 10 RenderText {#text} at (2,2) size 140x19 |
| 11 text run at (2,2) width 140: "almaalmaalmaalmaalma" | 11 text run at (2,2) width 140: "almaalmaalmaalmaalma" |
| 12 LayoutTableCell {TD} at (148,2) size 144x24 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 12 LayoutTableCell {TD} at (148,2) size 144x24 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 13 RenderText {#text} at (2,2) size 7x19 | 13 RenderText {#text} at (2,2) size 7x19 |
| 14 text run at (2,2) width 7: "x" | 14 text run at (2,2) width 7: "x" |
| 15 RenderBlock (anonymous) at (0,38) size 784x20 | 15 RenderBlock (anonymous) at (0,38) size 784x20 |
| 16 RenderBR {BR} at (0,0) size 0x19 | 16 LayoutBR {BR} at (0,0) size 0x19 |
| 17 LayoutTable {TABLE} at (0,58) size 304x38 [border: (5px outset #808080)] | 17 LayoutTable {TABLE} at (0,58) size 304x38 [border: (5px outset #808080)] |
| 18 LayoutTableSection {TBODY} at (5,5) size 294x28 | 18 LayoutTableSection {TBODY} at (5,5) size 294x28 |
| 19 LayoutTableRow {TR} at (0,2) size 294x24 | 19 LayoutTableRow {TR} at (0,2) size 294x24 |
| 20 LayoutTableCell {TD} at (2,2) size 144x24 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | 20 LayoutTableCell {TD} at (2,2) size 144x24 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] |
| 21 RenderText {#text} at (2,2) size 140x19 | 21 RenderText {#text} at (2,2) size 140x19 |
| 22 text run at (2,2) width 140: "almaalmaalmaalmaalma" | 22 text run at (2,2) width 140: "almaalmaalmaalmaalma" |
| 23 LayoutTableCell {TD} at (148,2) size 144x24 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 23 LayoutTableCell {TD} at (148,2) size 144x24 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 24 RenderText {#text} at (2,2) size 7x19 | 24 RenderText {#text} at (2,2) size 7x19 |
| 25 text run at (2,2) width 7: "x" | 25 text run at (2,2) width 7: "x" |
| 26 RenderBlock (anonymous) at (0,96) size 784x20 | 26 RenderBlock (anonymous) at (0,96) size 784x20 |
| 27 RenderBR {BR} at (0,0) size 0x19 | 27 LayoutBR {BR} at (0,0) size 0x19 |
| 28 RenderBlock {P} at (0,132) size 784x40 | 28 RenderBlock {P} at (0,132) size 784x40 |
| 29 RenderText {#text} at (0,0) size 336x19 | 29 RenderText {#text} at (0,0) size 336x19 |
| 30 text run at (0,0) width 336: "In this table, the second and the third
cell are given 40%" | 30 text run at (0,0) width 336: "In this table, the second and the third
cell are given 40%" |
| 31 RenderBR {BR} at (336,15) size 0x0 | 31 LayoutBR {BR} at (336,15) size 0x0 |
| 32 RenderText {#text} at (0,20) size 242x19 | 32 RenderText {#text} at (0,20) size 242x19 |
| 33 text run at (0,20) width 242: "The cells are competing with each other
." | 33 text run at (0,20) width 242: "The cells are competing with each other
." |
| 34 RenderBR {BR} at (242,35) size 0x0 | 34 LayoutBR {BR} at (242,35) size 0x0 |
| 35 LayoutTable {TABLE} at (0,188) size 328x38 [border: (5px outset #808080)] | 35 LayoutTable {TABLE} at (0,188) size 328x38 [border: (5px outset #808080)] |
| 36 LayoutTableSection {TBODY} at (5,5) size 318x28 | 36 LayoutTableSection {TBODY} at (5,5) size 318x28 |
| 37 LayoutTableRow {TR} at (0,2) size 318x24 | 37 LayoutTableRow {TR} at (0,2) size 318x24 |
| 38 LayoutTableCell {TD} at (2,2) size 62x24 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] | 38 LayoutTableCell {TD} at (2,2) size 62x24 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] |
| 39 RenderText {#text} at (2,2) size 58x19 | 39 RenderText {#text} at (2,2) size 58x19 |
| 40 text run at (2,2) width 58: "some text" | 40 text run at (2,2) width 58: "some text" |
| 41 LayoutTableCell {TD} at (66,2) size 124x24 [border: (1px inset #8080
80)] [r=0 c=1 rs=1 cs=1] | 41 LayoutTableCell {TD} at (66,2) size 124x24 [border: (1px inset #8080
80)] [r=0 c=1 rs=1 cs=1] |
| 42 RenderText {#text} at (2,2) size 7x19 | 42 RenderText {#text} at (2,2) size 7x19 |
| 43 text run at (2,2) width 7: "x" | 43 text run at (2,2) width 7: "x" |
| 44 LayoutTableCell {TD} at (192,2) size 124x24 [border: (1px inset #808
080)] [r=0 c=2 rs=1 cs=1] | 44 LayoutTableCell {TD} at (192,2) size 124x24 [border: (1px inset #808
080)] [r=0 c=2 rs=1 cs=1] |
| 45 RenderText {#text} at (2,2) size 7x19 | 45 RenderText {#text} at (2,2) size 7x19 |
| 46 text run at (2,2) width 7: "x" | 46 text run at (2,2) width 7: "x" |
| 47 RenderBlock {P} at (0,242) size 784x60 | 47 RenderBlock {P} at (0,242) size 784x60 |
| 48 RenderText {#text} at (0,0) size 336x19 | 48 RenderText {#text} at (0,0) size 336x19 |
| 49 text run at (0,0) width 336: "In this table, the second and the third
cell are given 50%" | 49 text run at (0,0) width 336: "In this table, the second and the third
cell are given 50%" |
| 50 RenderBR {BR} at (336,15) size 0x0 | 50 LayoutBR {BR} at (336,15) size 0x0 |
| 51 RenderText {#text} at (0,20) size 423x19 | 51 RenderText {#text} at (0,20) size 423x19 |
| 52 text run at (0,20) width 423: "The cells are competing again but their
percentage can not be satisfied." | 52 text run at (0,20) width 423: "The cells are competing again but their
percentage can not be satisfied." |
| 53 RenderBR {BR} at (423,35) size 0x0 | 53 LayoutBR {BR} at (423,35) size 0x0 |
| 54 RenderText {#text} at (0,40) size 449x19 | 54 RenderText {#text} at (0,40) size 449x19 |
| 55 text run at (0,40) width 449: "The table grows as large as it can and
the first cell gets to its minimal width." | 55 text run at (0,40) width 449: "The table grows as large as it can and
the first cell gets to its minimal width." |
| 56 LayoutTable {TABLE} at (0,318) size 784x58 [border: (5px outset #808080)] | 56 LayoutTable {TABLE} at (0,318) size 784x58 [border: (5px outset #808080)] |
| 57 LayoutTableSection {TBODY} at (5,5) size 774x48 | 57 LayoutTableSection {TBODY} at (5,5) size 774x48 |
| 58 LayoutTableRow {TR} at (0,2) size 774x44 | 58 LayoutTableRow {TR} at (0,2) size 774x44 |
| 59 LayoutTableCell {TD} at (2,2) size 36x44 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] | 59 LayoutTableCell {TD} at (2,2) size 36x44 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] |
| 60 RenderText {#text} at (2,2) size 32x39 | 60 RenderText {#text} at (2,2) size 32x39 |
| 61 text run at (2,2) width 32: "some" | 61 text run at (2,2) width 32: "some" |
| 62 text run at (2,22) width 22: "text" | 62 text run at (2,22) width 22: "text" |
| 63 LayoutTableCell {TD} at (40,12) size 365x24 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 63 LayoutTableCell {TD} at (40,12) size 365x24 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 64 RenderText {#text} at (2,2) size 7x19 | 64 RenderText {#text} at (2,2) size 7x19 |
| 65 text run at (2,2) width 7: "x" | 65 text run at (2,2) width 7: "x" |
| 66 LayoutTableCell {TD} at (407,12) size 365x24 [border: (1px inset #80
8080)] [r=0 c=2 rs=1 cs=1] | 66 LayoutTableCell {TD} at (407,12) size 365x24 [border: (1px inset #80
8080)] [r=0 c=2 rs=1 cs=1] |
| 67 RenderText {#text} at (2,2) size 7x19 | 67 RenderText {#text} at (2,2) size 7x19 |
| 68 text run at (2,2) width 7: "x" | 68 text run at (2,2) width 7: "x" |
| OLD | NEW |