| OLD | NEW |
| 1 layer at (0,0) size 785x699 | 1 layer at (0,0) size 785x712 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x699 | 3 layer at (0,0) size 785x712 |
| 4 RenderBlock {HTML} at (0,0) size 785x699 | 4 RenderBlock {HTML} at (0,0) size 785x712 |
| 5 RenderBody {BODY} at (8,8) size 769x671 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x684 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 769x18 | 6 RenderBlock {P} at (0,0) size 769x18 |
| 7 RenderText {#text} at (0,0) size 363x17 | 7 RenderText {#text} at (0,0) size 363x17 |
| 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,31) size 769x195 | 9 RenderBlock {PRE} at (0,31) size 769x208 |
| 10 RenderText {#text} at (0,0) size 500x195 | 10 RenderText {#text} at (0,0) size 512x208 |
| 11 text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align:
justify;}" | 11 text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:
justify;}" |
| 12 text run at (382,0) width 1: " " | 12 text run at (392,0) width 0: " " |
| 13 text run at (0,15) width 0: " " | 13 text run at (0,16) width 0: " " |
| 14 text run at (0,30) width 328: "DIV.yellow, DIV.blue, DIV.red, DIV.gree
n {" | 14 text run at (0,32) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.gree
n {" |
| 15 text run at (327,30) width 1: " " | 15 text run at (336,32) width 0: " " |
| 16 text run at (0,45) width 328: " width: 60px; padding: 20px; margin: 10
px;" | 16 text run at (0,48) width 336: " width: 60px; padding: 20px; margin: 10
px;" |
| 17 text run at (327,45) width 1: " " | 17 text run at (336,48) width 0: " " |
| 18 text run at (0,60) width 461: " border: 20px solid black; float: left;
text-align: center;" | 18 text run at (0,64) width 472: " border: 20px solid black; float: left;
text-align: center;" |
| 19 text run at (460,60) width 1: " " | 19 text run at (472,64) width 0: " " |
| 20 text run at (0,75) width 352: " font-family: \"Times New Roman\",Times
,serif;}" | 20 text run at (0,80) width 360: " font-family: \"Times New Roman\",Times
,serif;}" |
| 21 text run at (351,75) width 1: " " | 21 text run at (360,80) width 0: " " |
| 22 text run at (0,90) width 500: "DIV.yellow {margin-left: 0px; backgroun
d: yellow; color: black;}" | 22 text run at (0,96) width 512: "DIV.yellow {margin-left: 0px; backgroun
d: yellow; color: black;}" |
| 23 text run at (499,90) width 1: " " | 23 text run at (512,96) width 0: " " |
| 24 text run at (0,105) width 328: "DIV.blue {background: blue; color: whi
te;}" | 24 text run at (0,112) width 336: "DIV.blue {background: blue; color: whi
te;}" |
| 25 text run at (327,105) width 1: " " | 25 text run at (336,112) width 0: " " |
| 26 text run at (0,120) width 313: "DIV.red {background: red; color: black
;}" | 26 text run at (0,128) width 320: "DIV.red {background: red; color: black
;}" |
| 27 text run at (312,120) width 1: " " | 27 text run at (320,128) width 0: " " |
| 28 text run at (0,135) width 344: "DIV.green {background: green; color: w
hite;}" | 28 text run at (0,144) width 352: "DIV.green {background: green; color: w
hite;}" |
| 29 text run at (343,135) width 1: " " | 29 text run at (352,144) width 0: " " |
| 30 text run at (0,150) width 188: "DIV.below {clear: both;}" | 30 text run at (0,160) width 192: "DIV.below {clear: both;}" |
| 31 text run at (187,150) width 1: " " | 31 text run at (192,160) width 0: " " |
| 32 text run at (0,165) width 196: "TABLE {margin: 20px 0px;}" | 32 text run at (0,176) width 200: "TABLE {margin: 20px 0px;}" |
| 33 text run at (195,165) width 1: " " | 33 text run at (200,176) width 0: " " |
| 34 text run at (0,180) width 0: " " | 34 text run at (0,192) width 0: " " |
| 35 RenderBlock {HR} at (0,239) size 769x2 [border: (1px inset #EEEEEE)] | 35 RenderBlock {HR} at (0,252) size 769x2 [border: (1px inset #EEEEEE)] |
| 36 RenderBlock {P} at (0,249) size 769x36 | 36 RenderBlock {P} at (0,262) size 769x36 |
| 37 RenderText {#text} at (0,0) size 769x35 | 37 RenderText {#text} at (0,0) size 769x35 |
| 38 text run at (0,0) width 769: "The four floating DIV elements below sho
uld appear next to each other horizontally. The table at the bottom of this" | 38 text run at (0,0) width 769: "The four floating DIV elements below sho
uld appear next to each other horizontally. The table at the bottom of this" |
| 39 text run at (0,18) width 447: "page indicates how the DIV elements sho
uld be laid out horizontally. " | 39 text run at (0,18) width 447: "page indicates how the DIV elements sho
uld be laid out horizontally. " |
| 40 text run at (447,18) width 223: "They should align with each other." | 40 text run at (447,18) width 223: "They should align with each other." |
| 41 RenderBlock (floating) {DIV} at (0,295) size 140x98 [bgcolor=#FFFF00] [bor
der: (20px solid #000000)] | 41 RenderBlock (floating) {DIV} at (0,308) size 140x98 [bgcolor=#FFFF00] [bor
der: (20px solid #000000)] |
| 42 RenderBlock {P} at (40,40) size 60x18 | 42 RenderBlock {P} at (40,40) size 60x18 |
| 43 RenderText {#text} at (0,0) size 48x17 | 43 RenderText {#text} at (0,0) size 48x17 |
| 44 text run at (0,0) width 48: "Yellow" | 44 text run at (0,0) width 48: "Yellow" |
| 45 RenderBlock (floating) {DIV} at (160,295) size 140x98 [color=#FFFFFF] [bgc
olor=#0000FF] [border: (20px solid #000000)] | 45 RenderBlock (floating) {DIV} at (160,308) size 140x98 [color=#FFFFFF] [bgc
olor=#0000FF] [border: (20px solid #000000)] |
| 46 RenderBlock {P} at (40,40) size 60x18 | 46 RenderBlock {P} at (40,40) size 60x18 |
| 47 RenderText {#text} at (0,0) size 31x17 | 47 RenderText {#text} at (0,0) size 31x17 |
| 48 text run at (0,0) width 31: "Blue" | 48 text run at (0,0) width 31: "Blue" |
| 49 RenderBlock (floating) {DIV} at (320,295) size 140x98 [bgcolor=#FF0000] [b
order: (20px solid #000000)] | 49 RenderBlock (floating) {DIV} at (320,308) size 140x98 [bgcolor=#FF0000] [b
order: (20px solid #000000)] |
| 50 RenderBlock {P} at (40,40) size 60x18 | 50 RenderBlock {P} at (40,40) size 60x18 |
| 51 RenderText {#text} at (0,0) size 26x17 | 51 RenderText {#text} at (0,0) size 26x17 |
| 52 text run at (0,0) width 26: "Red" | 52 text run at (0,0) width 26: "Red" |
| 53 RenderBlock (floating) {DIV} at (480,295) size 140x98 [color=#FFFFFF] [bgc
olor=#008000] [border: (20px solid #000000)] | 53 RenderBlock (floating) {DIV} at (480,308) size 140x98 [color=#FFFFFF] [bgc
olor=#008000] [border: (20px solid #000000)] |
| 54 RenderBlock {P} at (40,40) size 60x18 | 54 RenderBlock {P} at (40,40) size 60x18 |
| 55 RenderText {#text} at (0,0) size 40x17 | 55 RenderText {#text} at (0,0) size 40x17 |
| 56 text run at (0,0) width 40: "Green" | 56 text run at (0,0) width 40: "Green" |
| 57 RenderBlock {DIV} at (0,403) size 769x19 | 57 RenderBlock {DIV} at (0,416) size 769x19 |
| 58 RenderTable {TABLE} at (0,0) size 620x19 | 58 RenderTable {TABLE} at (0,0) size 620x19 |
| 59 RenderTableSection {TBODY} at (0,0) size 620x19 | 59 RenderTableSection {TBODY} at (0,0) size 620x19 |
| 60 RenderTableRow {TR} at (0,0) size 620x19 | 60 RenderTableRow {TR} at (0,0) size 620x19 |
| 61 RenderTableCell {TD} at (0,9) size 20x1 [bgcolor=#000000] [r=0 c=0
rs=1 cs=1] | 61 RenderTableCell {TD} at (0,9) size 20x1 [bgcolor=#000000] [r=0 c=0
rs=1 cs=1] |
| 62 RenderImage {IMG} at (0,0) size 20x1 | 62 RenderImage {IMG} at (0,0) size 20x1 |
| 63 RenderTableCell {TD} at (20,9) size 100x1 [bgcolor=#FFFF00] [r=0 c
=1 rs=1 cs=1] | 63 RenderTableCell {TD} at (20,9) size 100x1 [bgcolor=#FFFF00] [r=0 c
=1 rs=1 cs=1] |
| 64 RenderImage {IMG} at (0,0) size 100x1 | 64 RenderImage {IMG} at (0,0) size 100x1 |
| 65 RenderTableCell {TD} at (120,9) size 20x0 [bgcolor=#000000] [r=0 c
=2 rs=1 cs=1] | 65 RenderTableCell {TD} at (120,9) size 20x0 [bgcolor=#000000] [r=0 c
=2 rs=1 cs=1] |
| 66 RenderTableCell {TD} at (140,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c
=3 rs=1 cs=1] | 66 RenderTableCell {TD} at (140,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c
=3 rs=1 cs=1] |
| 67 RenderImage {IMG} at (0,0) size 20x1 | 67 RenderImage {IMG} at (0,0) size 20x1 |
| (...skipping 14 matching lines...) Expand all Loading... |
| 82 RenderText {#text} at (0,1) size 5x17 | 82 RenderText {#text} at (0,1) size 5x17 |
| 83 text run at (0,1) width 5: ";" | 83 text run at (0,1) width 5: ";" |
| 84 RenderTableCell {TD} at (460,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c
=11 rs=1 cs=1] | 84 RenderTableCell {TD} at (460,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c
=11 rs=1 cs=1] |
| 85 RenderImage {IMG} at (0,0) size 20x1 | 85 RenderImage {IMG} at (0,0) size 20x1 |
| 86 RenderTableCell {TD} at (480,9) size 20x1 [bgcolor=#000000] [r=0 c
=12 rs=1 cs=1] | 86 RenderTableCell {TD} at (480,9) size 20x1 [bgcolor=#000000] [r=0 c
=12 rs=1 cs=1] |
| 87 RenderImage {IMG} at (0,0) size 20x1 | 87 RenderImage {IMG} at (0,0) size 20x1 |
| 88 RenderTableCell {TD} at (500,9) size 100x1 [bgcolor=#008000] [r=0
c=13 rs=1 cs=1] | 88 RenderTableCell {TD} at (500,9) size 100x1 [bgcolor=#008000] [r=0
c=13 rs=1 cs=1] |
| 89 RenderImage {IMG} at (0,0) size 100x1 | 89 RenderImage {IMG} at (0,0) size 100x1 |
| 90 RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c
=14 rs=1 cs=1] | 90 RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c
=14 rs=1 cs=1] |
| 91 RenderImage {IMG} at (0,0) size 20x1 | 91 RenderImage {IMG} at (0,0) size 20x1 |
| 92 RenderTable {TABLE} at (0,442) size 769x229 [border: (1px outset #808080)] | 92 RenderTable {TABLE} at (0,455) size 769x229 [border: (1px outset #808080)] |
| 93 RenderTableSection {TBODY} at (1,1) size 767x227 | 93 RenderTableSection {TBODY} at (1,1) size 767x227 |
| 94 RenderTableRow {TR} at (0,0) size 767x26 | 94 RenderTableRow {TR} at (0,0) size 767x26 |
| 95 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 95 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 96 RenderInline {STRONG} at (0,0) size 163x17 | 96 RenderInline {STRONG} at (0,0) size 163x17 |
| 97 RenderText {#text} at (4,4) size 163x17 | 97 RenderText {#text} at (4,4) size 163x17 |
| 98 text run at (4,4) width 163: "TABLE Testing Section" | 98 text run at (4,4) width 163: "TABLE Testing Section" |
| 99 RenderTableRow {TR} at (0,26) size 767x201 | 99 RenderTableRow {TR} at (0,26) size 767x201 |
| 100 RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 100 RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 101 RenderText {#text} at (4,4) size 4x17 | 101 RenderText {#text} at (4,4) size 4x17 |
| 102 text run at (4,4) width 4: " " | 102 text run at (4,4) width 4: " " |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 RenderText {#text} at (0,1) size 5x17 | 150 RenderText {#text} at (0,1) size 5x17 |
| 151 text run at (0,1) width 5: ";" | 151 text run at (0,1) width 5: ";" |
| 152 RenderTableCell {TD} at (460,9) size 20x1 [bgcolor=#FFFFFF
] [r=0 c=11 rs=1 cs=1] | 152 RenderTableCell {TD} at (460,9) size 20x1 [bgcolor=#FFFFFF
] [r=0 c=11 rs=1 cs=1] |
| 153 RenderImage {IMG} at (0,0) size 20x1 | 153 RenderImage {IMG} at (0,0) size 20x1 |
| 154 RenderTableCell {TD} at (480,9) size 20x1 [bgcolor=#000000
] [r=0 c=12 rs=1 cs=1] | 154 RenderTableCell {TD} at (480,9) size 20x1 [bgcolor=#000000
] [r=0 c=12 rs=1 cs=1] |
| 155 RenderImage {IMG} at (0,0) size 20x1 | 155 RenderImage {IMG} at (0,0) size 20x1 |
| 156 RenderTableCell {TD} at (500,9) size 100x1 [bgcolor=#00800
0] [r=0 c=13 rs=1 cs=1] | 156 RenderTableCell {TD} at (500,9) size 100x1 [bgcolor=#00800
0] [r=0 c=13 rs=1 cs=1] |
| 157 RenderImage {IMG} at (0,0) size 100x1 | 157 RenderImage {IMG} at (0,0) size 100x1 |
| 158 RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000
] [r=0 c=14 rs=1 cs=1] | 158 RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000
] [r=0 c=14 rs=1 cs=1] |
| 159 RenderImage {IMG} at (0,0) size 20x1 | 159 RenderImage {IMG} at (0,0) size 20x1 |
| OLD | NEW |