| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2846 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2846 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x2846 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x2846 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
| 4 RenderBlock {HTML} at (0,0) size 785x2846 | 4 RenderBlock {HTML} at (0,0) size 785x2846 |
| 5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] |
| 6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] | 6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] |
| 7 RenderText {#text} at (0,0) size 384x39 | 7 RenderText {#text} at (0,0) size 384x39 |
| 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" | 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" |
| 9 text run at (0,20) width 105: "floated to the left." | 9 text run at (0,20) width 105: "floated to the left." |
| 10 RenderBlock {P} at (0,0) size 769x80 | 10 RenderBlock {P} at (0,0) size 769x80 |
| (...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " | 160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " |
| 161 text run at (412,60) width 164: "child of the blue DIV, the" | 161 text run at (412,60) width 164: "child of the blue DIV, the" |
| 162 text run at (0,80) width 236: "yellow DIV should appear inside the " | 162 text run at (0,80) width 236: "yellow DIV should appear inside the " |
| 163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" | 163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" |
| 164 text run at (0,100) width 42: "having " | 164 text run at (0,100) width 42: "having " |
| 165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " | 165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " |
| 166 text run at (436,100) width 131: "stripe on its right side." | 166 text run at (436,100) width 131: "stripe on its right side." |
| 167 RenderBlock (anonymous) at (0,1238) size 769x120 | 167 RenderBlock (anonymous) at (0,1238) size 769x120 |
| 168 RenderBR {BR} at (576,0) size 1x19 | 168 RenderBR {BR} at (576,0) size 1x19 |
| 169 RenderBlock {HR} at (0,1366) size 769x2 [border: (1px inset #EEEEEE)] | 169 RenderBlock {HR} at (0,1366) size 769x2 [border: (1px inset #EEEEEE)] |
| 170 RenderTable {TABLE} at (0,1376) size 769x1454 [border: (1px outset #808080
)] | 170 LayoutTable {TABLE} at (0,1376) size 769x1454 [border: (1px outset #808080
)] |
| 171 RenderTableSection {TBODY} at (1,1) size 767x1452 | 171 LayoutTableSection {TBODY} at (1,1) size 767x1452 |
| 172 RenderTableRow {TR} at (0,0) size 767x28 | 172 LayoutTableRow {TR} at (0,0) size 767x28 |
| 173 RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 173 LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 174 RenderInline {STRONG} at (0,0) size 159x19 | 174 RenderInline {STRONG} at (0,0) size 159x19 |
| 175 RenderText {#text} at (4,4) size 159x19 | 175 RenderText {#text} at (4,4) size 159x19 |
| 176 text run at (4,4) width 159: "TABLE Testing Section" | 176 text run at (4,4) width 159: "TABLE Testing Section" |
| 177 RenderTableRow {TR} at (0,28) size 767x1424 | 177 LayoutTableRow {TR} at (0,28) size 767x1424 |
| 178 RenderTableCell {TD} at (0,726) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 178 LayoutTableCell {TD} at (0,726) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 179 RenderText {#text} at (4,4) size 4x19 | 179 RenderText {#text} at (4,4) size 4x19 |
| 180 text run at (4,4) width 4: " " | 180 text run at (4,4) width 4: " " |
| 181 RenderTableCell {TD} at (12,28) size 755x1424 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | 181 LayoutTableCell {TD} at (12,28) size 755x1424 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] |
| 182 RenderBlock (floating) {P} at (4,4) size 373.50x40 [bgcolor=#FFFF0
0] | 182 RenderBlock (floating) {P} at (4,4) size 373.50x40 [bgcolor=#FFFF0
0] |
| 183 RenderText {#text} at (0,0) size 373x39 | 183 RenderText {#text} at (0,0) size 373x39 |
| 184 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50% and is" | 184 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50% and is" |
| 185 text run at (0,20) width 105: "floated to the left." | 185 text run at (0,20) width 105: "floated to the left." |
| 186 RenderBlock {P} at (4,4) size 747x80 | 186 RenderBlock {P} at (4,4) size 747x80 |
| 187 RenderText {#text} at (373,0) size 747x79 | 187 RenderText {#text} at (373,0) size 747x79 |
| 188 text run at (373,0) width 374: "This paragraph should start on
the right side of a yellow box" | 188 text run at (373,0) width 374: "This paragraph should start on
the right side of a yellow box" |
| 189 text run at (373,20) width 374: "which contains the previous p
aragraph. Since the text of this" | 189 text run at (373,20) width 374: "which contains the previous p
aragraph. Since the text of this" |
| 190 text run at (0,40) width 747: "element is much longer than the
text in the previous element, the text will wrap around the yellow box. There i
s no padding," | 190 text run at (0,40) width 747: "element is much longer than the
text in the previous element, the text will wrap around the yellow box. There i
s no padding," |
| 191 text run at (0,60) width 709: "border or margins on this and t
he previous element, so the text of the two elements should be very close to eac
h other." | 191 text run at (0,60) width 709: "border or margins on this and t
he previous element, so the text of the two elements should be very close to eac
h other." |
| (...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 339 text run at (404,60) width 156: "child of the blue DIV, the" | 339 text run at (404,60) width 156: "child of the blue DIV, the" |
| 340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " | 340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " |
| 341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" | 341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" |
| 342 text run at (0,100) width 43: "having " | 342 text run at (0,100) width 43: "having " |
| 343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " | 343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " |
| 344 text run at (456,100) width 104: "stripe on its right" | 344 text run at (456,100) width 104: "stripe on its right" |
| 345 text run at (0,120) width 28: "side." | 345 text run at (0,120) width 28: "side." |
| 346 RenderBlock (anonymous) at (4,1262) size 747x140 | 346 RenderBlock (anonymous) at (4,1262) size 747x140 |
| 347 RenderBR {BR} at (560,0) size 1x19 | 347 RenderBR {BR} at (560,0) size 1x19 |
| 348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] | 348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] |
| OLD | NEW |