| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 785x699 | |
| 2 RenderView at (0,0) size 785x600 | |
| 3 layer at (0,0) size 785x699 | |
| 4 RenderBlock {HTML} at (0,0) size 785x699 | |
| 5 RenderBody {BODY} at (8,8) size 769x671 [bgcolor=#CCCCCC] | |
| 6 RenderBlock {P} at (0,0) size 769x18 | |
| 7 RenderText {#text} at (0,0) size 355x18 | |
| 8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" | |
| 9 RenderBlock {PRE} at (0,31) size 769x195 | |
| 10 RenderText {#text} at (0,0) size 512x195 | |
| 11 text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:
justify;}" | |
| 12 text run at (392,0) width 0: " " | |
| 13 text run at (0,15) width 0: " " | |
| 14 text run at (0,30) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.gree
n {" | |
| 15 text run at (336,30) width 0: " " | |
| 16 text run at (0,45) width 336: " width: 60px; padding: 20px; margin: 10
px;" | |
| 17 text run at (336,45) width 0: " " | |
| 18 text run at (0,60) width 472: " border: 20px solid black; float: left;
text-align: center;" | |
| 19 text run at (472,60) width 0: " " | |
| 20 text run at (0,75) width 360: " font-family: \"Times New Roman\",Times
,serif;}" | |
| 21 text run at (360,75) width 0: " " | |
| 22 text run at (0,90) width 512: "DIV.yellow {margin-left: 0px; backgroun
d: yellow; color: black;}" | |
| 23 text run at (512,90) width 0: " " | |
| 24 text run at (0,105) width 336: "DIV.blue {background: blue; color: whi
te;}" | |
| 25 text run at (336,105) width 0: " " | |
| 26 text run at (0,120) width 320: "DIV.red {background: red; color: black
;}" | |
| 27 text run at (320,120) width 0: " " | |
| 28 text run at (0,135) width 352: "DIV.green {background: green; color: w
hite;}" | |
| 29 text run at (352,135) width 0: " " | |
| 30 text run at (0,150) width 192: "DIV.below {clear: both;}" | |
| 31 text run at (192,150) width 0: " " | |
| 32 text run at (0,165) width 200: "TABLE {margin: 20px 0px;}" | |
| 33 text run at (200,165) width 0: " " | |
| 34 text run at (0,180) width 0: " " | |
| 35 RenderBlock {HR} at (0,239) size 769x2 [border: (1px inset #000000)] | |
| 36 RenderBlock {P} at (0,249) size 769x36 | |
| 37 RenderText {#text} at (0,0) size 769x36 | |
| 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 page
" | |
| 39 text run at (0,18) width 405: "indicates how the DIV elements should b
e laid out horizontally. " | |
| 40 text run at (405,18) width 219: "They should align with each other." | |
| 41 RenderBlock (floating) {DIV} at (0,295) size 140x98 [bgcolor=#FFFF00] [bor
der: (20px solid #000000)] | |
| 42 RenderBlock {P} at (40,40) size 60x18 | |
| 43 RenderText {#text} at (0,0) size 47x17 | |
| 44 text run at (0,0) width 47: "Yellow" | |
| 45 RenderBlock (floating) {DIV} at (160,295) size 140x98 [color=#FFFFFF] [bgc
olor=#0000FF] [border: (20px solid #000000)] | |
| 46 RenderBlock {P} at (40,40) size 60x18 | |
| 47 RenderText {#text} at (0,0) size 30x17 | |
| 48 text run at (0,0) width 30: "Blue" | |
| 49 RenderBlock (floating) {DIV} at (320,295) size 140x98 [bgcolor=#FF0000] [b
order: (20px solid #000000)] | |
| 50 RenderBlock {P} at (40,40) size 60x18 | |
| 51 RenderText {#text} at (0,0) size 26x17 | |
| 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)] | |
| 54 RenderBlock {P} at (40,40) size 60x18 | |
| 55 RenderText {#text} at (0,0) size 39x17 | |
| 56 text run at (0,0) width 39: "Green" | |
| 57 RenderBlock {DIV} at (0,403) size 769x19 | |
| 58 RenderTable {TABLE} at (0,0) size 620x19 | |
| 59 RenderTableSection {TBODY} 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] | |
| 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] | |
| 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] | |
| 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 | |
| 68 RenderTableCell {TD} at (160,9) size 20x1 [bgcolor=#000000] [r=0 c
=4 rs=1 cs=1] | |
| 69 RenderImage {IMG} at (0,0) size 20x1 | |
| 70 RenderTableCell {TD} at (180,9) size 100x1 [bgcolor=#0000FF] [r=0
c=5 rs=1 cs=1] | |
| 71 RenderImage {IMG} at (0,0) size 100x1 | |
| 72 RenderTableCell {TD} at (280,9) size 20x1 [bgcolor=#000000] [r=0 c
=6 rs=1 cs=1] | |
| 73 RenderImage {IMG} at (0,0) size 20x1 | |
| 74 RenderTableCell {TD} at (300,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c
=7 rs=1 cs=1] | |
| 75 RenderImage {IMG} at (0,0) size 20x1 | |
| 76 RenderTableCell {TD} at (320,9) size 20x1 [bgcolor=#000000] [r=0 c
=8 rs=1 cs=1] | |
| 77 RenderImage {IMG} at (0,0) size 20x1 | |
| 78 RenderTableCell {TD} at (340,9) size 100x1 [bgcolor=#FF0000] [r=0
c=9 rs=1 cs=1] | |
| 79 RenderImage {IMG} at (0,0) size 100x1 | |
| 80 RenderTableCell {TD} at (440,0) size 20x19 [bgcolor=#000000] [r=0
c=10 rs=1 cs=1] | |
| 81 RenderImage {IMG} at (0,0) size 20x1 | |
| 82 RenderText {#text} at (0,1) size 4x18 | |
| 83 text run at (0,1) width 4: ";" | |
| 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 | |
| 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 | |
| 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 | |
| 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 | |
| 92 RenderTable {TABLE} at (0,442) size 769x229 [border: (1px outset #808080)] | |
| 93 RenderTableSection {TBODY} at (1,1) size 767x227 | |
| 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] | |
| 96 RenderInline {STRONG} at (0,0) size 163x18 | |
| 97 RenderText {#text} at (4,4) size 163x18 | |
| 98 text run at (4,4) width 163: "TABLE Testing Section" | |
| 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] | |
| 101 RenderText {#text} at (4,4) size 4x18 | |
| 102 text run at (4,4) width 4: " " | |
| 103 RenderTableCell {TD} at (12,26) size 755x201 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | |
| 104 RenderBlock {P} at (4,4) size 747x36 | |
| 105 RenderText {#text} at (0,0) size 747x36 | |
| 106 text run at (0,0) width 747: "The four floating DIV elements b
elow should appear next to each other horizontally. The table at the bottom of t
his" | |
| 107 text run at (0,18) width 439: "page indicates how the DIV elem
ents should be laid out horizontally. " | |
| 108 text run at (439,18) width 219: "They should align with each o
ther." | |
| 109 RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF0
0] [border: (20px solid #000000)] | |
| 110 RenderBlock {P} at (40,40) size 60x18 | |
| 111 RenderText {#text} at (0,0) size 47x17 | |
| 112 text run at (0,0) width 47: "Yellow" | |
| 113 RenderBlock (floating) {DIV} at (164,50) size 140x98 [color=#FFFFF
F] [bgcolor=#0000FF] [border: (20px solid #000000)] | |
| 114 RenderBlock {P} at (40,40) size 60x18 | |
| 115 RenderText {#text} at (0,0) size 30x17 | |
| 116 text run at (0,0) width 30: "Blue" | |
| 117 RenderBlock (floating) {DIV} at (324,50) size 140x98 [bgcolor=#FF0
000] [border: (20px solid #000000)] | |
| 118 RenderBlock {P} at (40,40) size 60x18 | |
| 119 RenderText {#text} at (0,0) size 26x17 | |
| 120 text run at (0,0) width 26: "Red" | |
| 121 RenderBlock (floating) {DIV} at (484,50) size 140x98 [color=#FFFFF
F] [bgcolor=#008000] [border: (20px solid #000000)] | |
| 122 RenderBlock {P} at (40,40) size 60x18 | |
| 123 RenderText {#text} at (0,0) size 39x17 | |
| 124 text run at (0,0) width 39: "Green" | |
| 125 RenderBlock {DIV} at (4,158) size 747x19 | |
| 126 RenderTable {TABLE} at (0,0) size 620x19 | |
| 127 RenderTableSection {TBODY} at (0,0) size 620x19 | |
| 128 RenderTableRow {TR} at (0,0) size 620x19 | |
| 129 RenderTableCell {TD} at (0,9) size 20x1 [bgcolor=#000000]
[r=0 c=0 rs=1 cs=1] | |
| 130 RenderImage {IMG} at (0,0) size 20x1 | |
| 131 RenderTableCell {TD} at (20,9) size 100x1 [bgcolor=#FFFF00
] [r=0 c=1 rs=1 cs=1] | |
| 132 RenderImage {IMG} at (0,0) size 100x1 | |
| 133 RenderTableCell {TD} at (120,9) size 20x0 [bgcolor=#000000
] [r=0 c=2 rs=1 cs=1] | |
| 134 RenderTableCell {TD} at (140,9) size 20x1 [bgcolor=#FFFFFF
] [r=0 c=3 rs=1 cs=1] | |
| 135 RenderImage {IMG} at (0,0) size 20x1 | |
| 136 RenderTableCell {TD} at (160,9) size 20x1 [bgcolor=#000000
] [r=0 c=4 rs=1 cs=1] | |
| 137 RenderImage {IMG} at (0,0) size 20x1 | |
| 138 RenderTableCell {TD} at (180,9) size 100x1 [bgcolor=#0000F
F] [r=0 c=5 rs=1 cs=1] | |
| 139 RenderImage {IMG} at (0,0) size 100x1 | |
| 140 RenderTableCell {TD} at (280,9) size 20x1 [bgcolor=#000000
] [r=0 c=6 rs=1 cs=1] | |
| 141 RenderImage {IMG} at (0,0) size 20x1 | |
| 142 RenderTableCell {TD} at (300,9) size 20x1 [bgcolor=#FFFFFF
] [r=0 c=7 rs=1 cs=1] | |
| 143 RenderImage {IMG} at (0,0) size 20x1 | |
| 144 RenderTableCell {TD} at (320,9) size 20x1 [bgcolor=#000000
] [r=0 c=8 rs=1 cs=1] | |
| 145 RenderImage {IMG} at (0,0) size 20x1 | |
| 146 RenderTableCell {TD} at (340,9) size 100x1 [bgcolor=#FF000
0] [r=0 c=9 rs=1 cs=1] | |
| 147 RenderImage {IMG} at (0,0) size 100x1 | |
| 148 RenderTableCell {TD} at (440,0) size 20x19 [bgcolor=#00000
0] [r=0 c=10 rs=1 cs=1] | |
| 149 RenderImage {IMG} at (0,0) size 20x1 | |
| 150 RenderText {#text} at (0,1) size 4x18 | |
| 151 text run at (0,1) width 4: ";" | |
| 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 | |
| 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 | |
| 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 | |
| 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 | |
| OLD | NEW |