| 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 336x36 [border: (5px outset #808080)] | 6 LayoutTable {TABLE} at (0,0) size 336x36 [border: (5px outset #808080)] |
| 7 LayoutTableSection {TBODY} at (5,5) size 326x26 | 7 LayoutTableSection {TBODY} at (5,5) size 326x26 |
| 8 LayoutTableRow {TR} at (0,2) size 326x22 | 8 LayoutTableRow {TR} at (0,2) size 326x22 |
| 9 LayoutTableCell {TD} at (2,2) size 160x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | 9 LayoutTableCell {TD} at (2,2) size 160x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] |
| 10 RenderText {#text} at (2,2) size 156x18 | 10 RenderText {#text} at (2,2) size 156x18 |
| 11 text run at (2,2) width 156: "almaalmaalmaalmaalma" | 11 text run at (2,2) width 156: "almaalmaalmaalmaalma" |
| 12 LayoutTableCell {TD} at (164,2) size 160x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 12 LayoutTableCell {TD} at (164,2) size 160x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 13 RenderText {#text} at (2,2) size 8x18 | 13 RenderText {#text} at (2,2) size 8x18 |
| 14 text run at (2,2) width 8: "x" | 14 text run at (2,2) width 8: "x" |
| 15 RenderBlock (anonymous) at (0,36) size 784x18 | 15 RenderBlock (anonymous) at (0,36) size 784x18 |
| 16 RenderBR {BR} at (0,0) size 0x18 | 16 LayoutBR {BR} at (0,0) size 0x18 |
| 17 LayoutTable {TABLE} at (0,54) size 336x36 [border: (5px outset #808080)] | 17 LayoutTable {TABLE} at (0,54) size 336x36 [border: (5px outset #808080)] |
| 18 LayoutTableSection {TBODY} at (5,5) size 326x26 | 18 LayoutTableSection {TBODY} at (5,5) size 326x26 |
| 19 LayoutTableRow {TR} at (0,2) size 326x22 | 19 LayoutTableRow {TR} at (0,2) size 326x22 |
| 20 LayoutTableCell {TD} at (2,2) size 160x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | 20 LayoutTableCell {TD} at (2,2) size 160x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] |
| 21 RenderText {#text} at (2,2) size 156x18 | 21 RenderText {#text} at (2,2) size 156x18 |
| 22 text run at (2,2) width 156: "almaalmaalmaalmaalma" | 22 text run at (2,2) width 156: "almaalmaalmaalmaalma" |
| 23 LayoutTableCell {TD} at (164,2) size 160x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 23 LayoutTableCell {TD} at (164,2) size 160x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 24 RenderText {#text} at (2,2) size 8x18 | 24 RenderText {#text} at (2,2) size 8x18 |
| 25 text run at (2,2) width 8: "x" | 25 text run at (2,2) width 8: "x" |
| 26 RenderBlock (anonymous) at (0,90) size 784x18 | 26 RenderBlock (anonymous) at (0,90) size 784x18 |
| 27 RenderBR {BR} at (0,0) size 0x18 | 27 LayoutBR {BR} at (0,0) size 0x18 |
| 28 RenderBlock {P} at (0,124) size 784x36 | 28 RenderBlock {P} at (0,124) size 784x36 |
| 29 RenderText {#text} at (0,0) size 360x18 | 29 RenderText {#text} at (0,0) size 360x18 |
| 30 text run at (0,0) width 360: "In this table, the second and the third
cell are given 40%" | 30 text run at (0,0) width 360: "In this table, the second and the third
cell are given 40%" |
| 31 RenderBR {BR} at (359,14) size 1x0 | 31 LayoutBR {BR} at (359,14) size 1x0 |
| 32 RenderText {#text} at (0,18) size 260x18 | 32 RenderText {#text} at (0,18) size 260x18 |
| 33 text run at (0,18) width 260: "The cells are competing with each other
." | 33 text run at (0,18) width 260: "The cells are competing with each other
." |
| 34 RenderBR {BR} at (259,32) size 1x0 | 34 LayoutBR {BR} at (259,32) size 1x0 |
| 35 LayoutTable {TABLE} at (0,176) size 348x36 [border: (5px outset #808080)] | 35 LayoutTable {TABLE} at (0,176) size 348x36 [border: (5px outset #808080)] |
| 36 LayoutTableSection {TBODY} at (5,5) size 338x26 | 36 LayoutTableSection {TBODY} at (5,5) size 338x26 |
| 37 LayoutTableRow {TR} at (0,2) size 338x22 | 37 LayoutTableRow {TR} at (0,2) size 338x22 |
| 38 LayoutTableCell {TD} at (2,2) size 66x22 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] | 38 LayoutTableCell {TD} at (2,2) size 66x22 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] |
| 39 RenderText {#text} at (2,2) size 62x18 | 39 RenderText {#text} at (2,2) size 62x18 |
| 40 text run at (2,2) width 62: "some text" | 40 text run at (2,2) width 62: "some text" |
| 41 LayoutTableCell {TD} at (70,2) size 132x22 [border: (1px inset #8080
80)] [r=0 c=1 rs=1 cs=1] | 41 LayoutTableCell {TD} at (70,2) size 132x22 [border: (1px inset #8080
80)] [r=0 c=1 rs=1 cs=1] |
| 42 RenderText {#text} at (2,2) size 8x18 | 42 RenderText {#text} at (2,2) size 8x18 |
| 43 text run at (2,2) width 8: "x" | 43 text run at (2,2) width 8: "x" |
| 44 LayoutTableCell {TD} at (204,2) size 132x22 [border: (1px inset #808
080)] [r=0 c=2 rs=1 cs=1] | 44 LayoutTableCell {TD} at (204,2) size 132x22 [border: (1px inset #808
080)] [r=0 c=2 rs=1 cs=1] |
| 45 RenderText {#text} at (2,2) size 8x18 | 45 RenderText {#text} at (2,2) size 8x18 |
| 46 text run at (2,2) width 8: "x" | 46 text run at (2,2) width 8: "x" |
| 47 RenderBlock {P} at (0,228) size 784x54 | 47 RenderBlock {P} at (0,228) size 784x54 |
| 48 RenderText {#text} at (0,0) size 360x18 | 48 RenderText {#text} at (0,0) size 360x18 |
| 49 text run at (0,0) width 360: "In this table, the second and the third
cell are given 50%" | 49 text run at (0,0) width 360: "In this table, the second and the third
cell are given 50%" |
| 50 RenderBR {BR} at (359,14) size 1x0 | 50 LayoutBR {BR} at (359,14) size 1x0 |
| 51 RenderText {#text} at (0,18) size 455x18 | 51 RenderText {#text} at (0,18) size 455x18 |
| 52 text run at (0,18) width 455: "The cells are competing again but their
percentage can not be satisfied." | 52 text run at (0,18) width 455: "The cells are competing again but their
percentage can not be satisfied." |
| 53 RenderBR {BR} at (454,32) size 1x0 | 53 LayoutBR {BR} at (454,32) size 1x0 |
| 54 RenderText {#text} at (0,36) size 488x18 | 54 RenderText {#text} at (0,36) size 488x18 |
| 55 text run at (0,36) width 488: "The table grows as large as it can and
the first cell gets to its minimal width." | 55 text run at (0,36) width 488: "The table grows as large as it can and
the first cell gets to its minimal width." |
| 56 LayoutTable {TABLE} at (0,298) size 784x54 [border: (5px outset #808080)] | 56 LayoutTable {TABLE} at (0,298) size 784x54 [border: (5px outset #808080)] |
| 57 LayoutTableSection {TBODY} at (5,5) size 774x44 | 57 LayoutTableSection {TBODY} at (5,5) size 774x44 |
| 58 LayoutTableRow {TR} at (0,2) size 774x40 | 58 LayoutTableRow {TR} at (0,2) size 774x40 |
| 59 LayoutTableCell {TD} at (2,2) size 38x40 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] | 59 LayoutTableCell {TD} at (2,2) size 38x40 [border: (1px inset #808080
)] [r=0 c=0 rs=1 cs=1] |
| 60 RenderText {#text} at (2,2) size 34x36 | 60 RenderText {#text} at (2,2) size 34x36 |
| 61 text run at (2,2) width 34: "some" | 61 text run at (2,2) width 34: "some" |
| 62 text run at (2,20) width 24: "text" | 62 text run at (2,20) width 24: "text" |
| 63 LayoutTableCell {TD} at (42,11) size 364x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 63 LayoutTableCell {TD} at (42,11) size 364x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 64 RenderText {#text} at (2,2) size 8x18 | 64 RenderText {#text} at (2,2) size 8x18 |
| 65 text run at (2,2) width 8: "x" | 65 text run at (2,2) width 8: "x" |
| 66 LayoutTableCell {TD} at (408,11) size 364x22 [border: (1px inset #80
8080)] [r=0 c=2 rs=1 cs=1] | 66 LayoutTableCell {TD} at (408,11) size 364x22 [border: (1px inset #80
8080)] [r=0 c=2 rs=1 cs=1] |
| 67 RenderText {#text} at (2,2) size 8x18 | 67 RenderText {#text} at (2,2) size 8x18 |
| 68 text run at (2,2) width 8: "x" | 68 text run at (2,2) width 8: "x" |
| OLD | NEW |