| OLD | NEW |
| 1 layer at (0,0) size 800x600 scrollHeight 806 | 1 layer at (0,0) size 800x600 scrollHeight 806 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x806 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 | 3 layer at (0,0) size 800x806 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x805.88 | 4 RenderBlock {HTML} at (0,0) size 800x805.88 |
| 5 RenderBody {BODY} at (8,8) size 784x789.88 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 784x789.88 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 337x19 | 7 RenderText {#text} at (0,0) size 337x19 |
| 8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,33) size 784x144 | 9 RenderBlock {PRE} at (0,33) size 784x144 |
| 10 RenderText {#text} at (0,0) size 616x144 | 10 RenderText {#text} at (0,0) size 616x144 |
| (...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background, and the" | 76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background, and the" |
| 77 text run at (0,20) width 157: "other a blue background. " | 77 text run at (0,20) width 157: "other a blue background. " |
| 78 text run at (157,20) width 355: "Due to settings on the 'float' and
'clear' properties, the two" | 78 text run at (157,20) width 355: "Due to settings on the 'float' and
'clear' properties, the two" |
| 79 text run at (0,40) width 512: "menus should appear on the left side
of the page, the blue below the green. There" | 79 text run at (0,40) width 512: "menus should appear on the left side
of the page, the blue below the green. There" |
| 80 text run at (0,60) width 512: "should be a 10px gap between the two
menus. There should also be a 10px gap" | 80 text run at (0,60) width 512: "should be a 10px gap between the two
menus. There should also be a 10px gap" |
| 81 text run at (0,80) width 280: "between the top menu and the top of t
he page." | 81 text run at (0,80) width 280: "between the top menu and the top of t
he page." |
| 82 RenderBlock {P} at (8,187.88) size 512x40 | 82 RenderBlock {P} at (8,187.88) size 512x40 |
| 83 RenderText {#text} at (0,0) size 512x39 | 83 RenderText {#text} at (0,0) size 512x39 |
| 84 text run at (0,0) width 512: "The top of the yellow rectangle (to wh
ich this paragraph belongs) should be vertically" | 84 text run at (0,0) width 512: "The top of the yellow rectangle (to wh
ich this paragraph belongs) should be vertically" |
| 85 text run at (0,20) width 254: "aligned with the top of the green rec
tangle." | 85 text run at (0,20) width 254: "aligned with the top of the green rec
tangle." |
| 86 RenderTable {TABLE} at (192,435.88) size 592x354 [border: (1px outset #808
080)] | 86 LayoutTable {TABLE} at (192,435.88) size 592x354 [border: (1px outset #808
080)] |
| 87 RenderTableSection {TBODY} at (1,1) size 590x352 | 87 LayoutTableSection {TBODY} at (1,1) size 590x352 |
| 88 RenderTableRow {TR} at (0,0) size 590x28 | 88 LayoutTableRow {TR} at (0,0) size 590x28 |
| 89 RenderTableCell {TD} at (0,0) size 590x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 89 LayoutTableCell {TD} at (0,0) size 590x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 90 RenderInline {STRONG} at (0,0) size 159x19 | 90 RenderInline {STRONG} at (0,0) size 159x19 |
| 91 RenderText {#text} at (4,4) size 159x19 | 91 RenderText {#text} at (4,4) size 159x19 |
| 92 text run at (4,4) width 159: "TABLE Testing Section" | 92 text run at (4,4) width 159: "TABLE Testing Section" |
| 93 RenderTableRow {TR} at (0,28) size 590x324 | 93 LayoutTableRow {TR} at (0,28) size 590x324 |
| 94 RenderTableCell {TD} at (0,176) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 94 LayoutTableCell {TD} at (0,176) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 95 RenderText {#text} at (4,4) size 4x19 | 95 RenderText {#text} at (4,4) size 4x19 |
| 96 text run at (4,4) width 4: " " | 96 text run at (4,4) width 4: " " |
| 97 RenderTableCell {TD} at (12,28) size 578x323.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] | 97 LayoutTableCell {TD} at (12,28) size 578x323.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] |
| 98 RenderBlock (floating) {DIV} at (4,4) size 192x125.38 [color=#FFFF
FF] [bgcolor=#008000] | 98 RenderBlock (floating) {DIV} at (4,4) size 192x125.38 [color=#FFFF
FF] [bgcolor=#008000] |
| 99 RenderBlock {H1} at (8,8) size 176x23 | 99 RenderBlock {H1} at (8,8) size 176x23 |
| 100 RenderText {#text} at (0,0) size 82x22 | 100 RenderText {#text} at (0,0) size 82x22 |
| 101 text run at (0,0) width 82: "Top menu" | 101 text run at (0,0) width 82: "Top menu" |
| 102 RenderBlock {UL} at (24,34.19) size 155.20x80 | 102 RenderBlock {UL} at (24,34.19) size 155.20x80 |
| 103 RenderListItem {LI} at (0,0) size 155.20x20 | 103 RenderListItem {LI} at (0,0) size 155.20x20 |
| 104 RenderListMarker at (-18,0) size 7x19: bullet | 104 RenderListMarker at (-18,0) size 7x19: bullet |
| 105 RenderText {#text} at (0,0) size 33x19 | 105 RenderText {#text} at (0,0) size 33x19 |
| 106 text run at (0,0) width 33: "green" | 106 text run at (0,0) width 33: "green" |
| 107 RenderListItem {LI} at (0,20) size 155.20x20 | 107 RenderListItem {LI} at (0,20) size 155.20x20 |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 text run at (0,60) width 298: "'clear' properties, the two m
enus should appear" | 150 text run at (0,60) width 298: "'clear' properties, the two m
enus should appear" |
| 151 text run at (0,80) width 298: "on the left side of the page,
the blue below the" | 151 text run at (0,80) width 298: "on the left side of the page,
the blue below the" |
| 152 text run at (0,100) width 298: "green. There should be a 10p
x gap between the" | 152 text run at (0,100) width 298: "green. There should be a 10p
x gap between the" |
| 153 text run at (0,120) width 298: "two menus. There should also
be a 10px gap" | 153 text run at (0,120) width 298: "two menus. There should also
be a 10px gap" |
| 154 text run at (0,140) width 280: "between the top menu and the
top of the page." | 154 text run at (0,140) width 280: "between the top menu and the
top of the page." |
| 155 RenderBlock {P} at (8,247.88) size 298x60 | 155 RenderBlock {P} at (8,247.88) size 298x60 |
| 156 RenderText {#text} at (0,0) size 298x59 | 156 RenderText {#text} at (0,0) size 298x59 |
| 157 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" | 157 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" |
| 158 text run at (0,20) width 298: "paragraph belongs) should be
vertically aligned" | 158 text run at (0,20) width 298: "paragraph belongs) should be
vertically aligned" |
| 159 text run at (0,40) width 208: "with the top of the green rec
tangle." | 159 text run at (0,40) width 208: "with the top of the green rec
tangle." |
| OLD | NEW |