| 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 RenderTable {TABLE} at (0,0) size 642x136 [border: (1px outset #808080)] | 6 RenderTable {TABLE} at (0,0) size 642x136 [border: (1px outset #808080)] |
| 7 RenderTableSection {TBODY} at (1,1) size 640x134 | 7 RenderTableSection {TBODY} at (1,1) size 640x134 |
| 8 RenderTableRow {TR} at (0,0) size 640x134 | 8 RenderTableRow {TR} at (0,0) size 640x134 |
| 9 RenderTableCell {TD} at (0,53) size 12x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=1] | 9 RenderTableCell {TD} at (0,53) size 12x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| 10 RenderText {#text} at (4,4) size 4x19 | 10 RenderText {#text} at (4,4) size 4x19 |
| 11 text run at (4,4) width 4: " " | 11 text run at (4,4) width 4: " " |
| 12 RenderTableCell {TD} at (12,0) size 628x134 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 12 RenderTableCell {TD} at (12,0) size 628x134 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 13 RenderImage {IMG} at (4,4) size 50x50 [bgcolor=#FFA500] | 13 RenderBlock (floating) {IMG} at (4,4) size 50x50 [bgcolor=#FFA500] |
| 14 RenderBlock {P} at (4,4) size 620x20 | 14 RenderBlock {P} at (4,4) size 620x20 |
| 15 RenderText {#text} at (53,0) size 563x19 | 15 RenderText {#text} at (53,0) size 563x19 |
| 16 text run at (53,0) width 563: "This text should be flowing pas
t a tall orange rectangle on the left side of the browser window." | 16 text run at (53,0) width 563: "This text should be flowing pas
t a tall orange rectangle on the left side of the browser window." |
| 17 RenderBlock {DIV} at (4,40) size 620x20 [bgcolor=#008000] | 17 RenderBlock {DIV} at (4,40) size 620x20 [bgcolor=#008000] |
| 18 RenderBR {BR} at (53,0) size 0x19 | 18 RenderBR {BR} at (53,0) size 0x19 |
| 19 RenderImage {IMG} at (4,60) size 50x50 [bgcolor=#FFA500] | 19 RenderBlock (floating) {IMG} at (4,60) size 50x50 [bgcolor=#FFA500
] |
| 20 RenderBlock {DIV} at (4,110) size 620x20 | 20 RenderBlock {DIV} at (4,110) size 620x20 |
| 21 RenderText {#text} at (0,0) size 620x19 | 21 RenderText {#text} at (0,0) size 620x19 |
| 22 text run at (0,0) width 620: "This paragraph should appear bel
ow the tall orange rectangle above and to the left, and not flow past it." | 22 text run at (0,0) width 620: "This paragraph should appear bel
ow the tall orange rectangle above and to the left, and not flow past it." |
| 23 layer at (25,13) size 50x50 clip at (26,14) size 48x48 |
| 24 RenderBlock {DIV} at (0,0) size 50x50 [border: (1px solid #C0C0C0)] |
| 25 RenderImage {IMG} at (2,2) size 16x16 |
| 26 layer at (43,15) size 30x20 scrollWidth 47 |
| 27 RenderBlock {DIV} at (18,2) size 30x20 |
| 28 RenderText {#text} at (0,0) size 47x19 |
| 29 text run at (0,0) width 47: "[Image]" |
| 30 layer at (25,69) size 50x50 clip at (26,70) size 48x48 |
| 31 RenderBlock {DIV} at (0,0) size 50x50 [border: (1px solid #C0C0C0)] |
| 32 RenderImage {IMG} at (2,2) size 16x16 |
| 33 layer at (43,71) size 30x20 scrollWidth 47 |
| 34 RenderBlock {DIV} at (18,2) size 30x20 |
| 35 RenderText {#text} at (0,0) size 47x19 |
| 36 text run at (0,0) width 47: "[Image]" |
| OLD | NEW |