OLD | NEW |
1 layer at (0,0) size 785x915 | 1 layer at (0,0) size 785x915 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x915 | 3 layer at (0,0) size 785x915 |
4 RenderBlock {HTML} at (0,0) size 785x916 | 4 RenderBlock {HTML} at (0,0) size 785x915.13 |
5 RenderBody {BODY} at (8,8) size 769x900 | 5 RenderBody {BODY} at (8,8) size 769x899.13 |
6 RenderBlock (anonymous) at (0,0) size 769x20 | 6 RenderBlock (anonymous) at (0,0) size 769x20 |
7 RenderText {#text} at (0,0) size 355x19 | 7 RenderText {#text} at (0,0) size 355x19 |
8 text run at (0,0) width 355: "All of the boxes below should be 20x20 a
nd look identical." | 8 text run at (0,0) width 355: "All of the boxes below should be 20x20 a
nd look identical." |
9 RenderBlock {H1} at (0,41) size 769x38 | 9 RenderBlock {H1} at (0,41.44) size 769x37 |
10 RenderText {#text} at (0,0) size 203x36 | 10 RenderText {#text} at (0,0) size 203x36 |
11 text run at (0,0) width 203: "Normal Blocks" | 11 text run at (0,0) width 203: "Normal Blocks" |
12 RenderBlock {DIV} at (5,99) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [
border: (2px solid #000000)] | 12 RenderBlock {DIV} at (5,99.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
13 RenderBlock {DIV} at (5,129) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 13 RenderBlock {DIV} at (5,129.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
14 RenderBlock {DIV} at (5,159) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 14 RenderBlock {DIV} at (5,159.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
15 RenderBlock {DIV} at (5,189) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 15 RenderBlock {DIV} at (5,189.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
16 RenderBR {BR} at (6,6) size 0x19 | 16 RenderBR {BR} at (6,6) size 0x19 |
17 RenderBR {BR} at (6,26) size 0x19 | 17 RenderBR {BR} at (6,26) size 0x19 |
18 RenderBR {BR} at (6,46) size 0x19 | 18 RenderBR {BR} at (6,46) size 0x19 |
19 RenderBlock {H1} at (0,231) size 769x38 | 19 RenderBlock {H1} at (0,231.31) size 769x37 |
20 RenderText {#text} at (0,0) size 177x36 | 20 RenderText {#text} at (0,0) size 177x36 |
21 text run at (0,0) width 177: "Inline Blocks" | 21 text run at (0,0) width 177: "Inline Blocks" |
22 RenderBlock (anonymous) at (0,289) size 769x41 | 22 RenderBlock (anonymous) at (0,289.75) size 769x40 |
23 RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 23 RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
24 RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 24 RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
25 RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 25 RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
26 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 26 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
27 RenderBR {BR} at (6,6) size 0x19 | 27 RenderBR {BR} at (6,6) size 0x19 |
28 RenderBR {BR} at (6,26) size 0x19 | 28 RenderBR {BR} at (6,26) size 0x19 |
29 RenderBR {BR} at (6,46) size 0x19 | 29 RenderBR {BR} at (6,46) size 0x19 |
30 RenderText {#text} at (0,0) size 0x0 | 30 RenderText {#text} at (0,0) size 0x0 |
31 RenderBlock {H1} at (0,351) size 769x38 | 31 RenderBlock {H1} at (0,351.19) size 769x37 |
32 RenderText {#text} at (0,0) size 241x36 | 32 RenderText {#text} at (0,0) size 241x36 |
33 text run at (0,0) width 241: "Positioned Blocks" | 33 text run at (0,0) width 241: "Positioned Blocks" |
34 RenderBlock (anonymous) at (0,409) size 769x21 | 34 RenderBlock (anonymous) at (0,409.63) size 769x20 |
35 RenderBR {BR} at (0,0) size 0x19 | 35 RenderBR {BR} at (0,0) size 0x19 |
36 RenderBlock {H1} at (0,451) size 769x38 | 36 RenderBlock {H1} at (0,451.06) size 769x37 |
37 RenderText {#text} at (0,0) size 209x36 | 37 RenderText {#text} at (0,0) size 209x36 |
38 text run at (0,0) width 209: "Floating blocks" | 38 text run at (0,0) width 209: "Floating blocks" |
39 RenderBlock (floating) {DIV} at (5,519) size 20x21 [color=#FFFFFF] [bgcolo
r=#FFA500] [border: (2px solid #000000)] | 39 RenderBlock (floating) {DIV} at (5,519.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
40 RenderBlock (floating) {DIV} at (35,519) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 40 RenderBlock (floating) {DIV} at (35,519.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
41 RenderBlock (floating) {DIV} at (65,519) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 41 RenderBlock (floating) {DIV} at (65,519.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
42 RenderBlock (floating) {DIV} at (95,519) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 42 RenderBlock (floating) {DIV} at (95,519.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
43 RenderBR {BR} at (6,6) size 0x19 | 43 RenderBR {BR} at (6,6) size 0x19 |
44 RenderBR {BR} at (6,26) size 0x19 | 44 RenderBR {BR} at (6,26) size 0x19 |
45 RenderBR {BR} at (6,46) size 0x19 | 45 RenderBR {BR} at (6,46) size 0x19 |
46 RenderBlock (anonymous) at (0,509) size 769x41 | 46 RenderBlock (anonymous) at (0,509.50) size 769x40 |
47 RenderBR {BR} at (120,0) size 0x19 | 47 RenderBR {BR} at (120,0) size 0x19 |
48 RenderBlock {H1} at (0,570) size 769x38 | 48 RenderBlock {H1} at (0,570.94) size 769x37 |
49 RenderText {#text} at (0,0) size 209x36 | 49 RenderText {#text} at (0,0) size 209x36 |
50 text run at (0,0) width 209: "Normal Images" | 50 text run at (0,0) width 209: "Normal Images" |
51 RenderBlock (anonymous) at (0,629) size 769x41 | 51 RenderBlock (anonymous) at (0,629.38) size 769x40 |
52 RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 52 RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
53 RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 53 RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
54 RenderImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 54 RenderImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
55 RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 55 RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
56 RenderText {#text} at (0,0) size 0x0 | 56 RenderText {#text} at (0,0) size 0x0 |
57 RenderBlock {H1} at (0,690) size 769x38 | 57 RenderBlock {H1} at (0,690.81) size 769x37 |
58 RenderText {#text} at (0,0) size 247x36 | 58 RenderText {#text} at (0,0) size 247x36 |
59 text run at (0,0) width 247: "Positioned Images" | 59 text run at (0,0) width 247: "Positioned Images" |
60 RenderBlock (anonymous) at (0,749) size 769x21 | 60 RenderBlock (anonymous) at (0,749.25) size 769x20 |
61 RenderBR {BR} at (0,0) size 0x19 | 61 RenderBR {BR} at (0,0) size 0x19 |
62 RenderBlock {H1} at (0,790) size 769x38 | 62 RenderBlock {H1} at (0,790.69) size 769x37 |
63 RenderText {#text} at (0,0) size 219x36 | 63 RenderText {#text} at (0,0) size 219x36 |
64 text run at (0,0) width 219: "Floating Images" | 64 text run at (0,0) width 219: "Floating Images" |
65 RenderImage {IMG} at (5,859) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 65 RenderImage {IMG} at (5,859.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
66 RenderImage {IMG} at (35,859) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 66 RenderImage {IMG} at (35,859.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
67 RenderImage {IMG} at (65,859) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 67 RenderImage {IMG} at (65,859.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
68 RenderImage {IMG} at (95,859) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 68 RenderImage {IMG} at (95,859.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
69 RenderBlock (anonymous) at (0,849) size 769x41 | 69 RenderBlock (anonymous) at (0,849.13) size 769x40 |
70 RenderBR {BR} at (120,0) size 0x19 | 70 RenderBR {BR} at (120,0) size 0x19 |
71 RenderBlock {HR} at (0,897) size 769x3 [border: (1px inset #EEEEEE)] | 71 RenderBlock {HR} at (0,897.13) size 769x2 [border: (1px inset #EEEEEE)] |
72 layer at (13,428) size 20x20 | 72 layer at (13,428) size 20x20 |
73 RenderBlock (positioned) {DIV} at (13,427) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 73 RenderBlock (positioned) {DIV} at (13,427.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
74 layer at (43,428) size 20x20 | 74 layer at (43,428) size 20x20 |
75 RenderBlock (positioned) {DIV} at (43,427) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 75 RenderBlock (positioned) {DIV} at (43,427.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
76 layer at (73,428) size 20x20 | 76 layer at (73,428) size 20x20 |
77 RenderBlock (positioned) {DIV} at (73,427) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 77 RenderBlock (positioned) {DIV} at (73,427.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
78 layer at (103,428) size 20x20 | 78 layer at (103,428) size 20x20 |
79 RenderBlock (positioned) {DIV} at (103,427) size 20x21 [color=#FFFFFF] [bgcolo
r=#FFA500] [border: (2px solid #000000)] | 79 RenderBlock (positioned) {DIV} at (103,427.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
80 RenderBR {BR} at (6,6) size 0x19 | 80 RenderBR {BR} at (6,6) size 0x19 |
81 RenderBR {BR} at (6,26) size 0x19 | 81 RenderBR {BR} at (6,26) size 0x19 |
82 RenderBR {BR} at (6,46) size 0x19 | 82 RenderBR {BR} at (6,46) size 0x19 |
83 layer at (13,767) size 20x20 | 83 layer at (13,767) size 20x20 |
84 RenderImage {IMG} at (13,767) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 84 RenderImage {IMG} at (13,767.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
85 layer at (43,767) size 20x20 | 85 layer at (43,767) size 20x20 |
86 RenderImage {IMG} at (43,767) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 86 RenderImage {IMG} at (43,767.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
87 layer at (73,767) size 20x20 | 87 layer at (73,767) size 20x20 |
88 RenderImage {IMG} at (73,767) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 88 RenderImage {IMG} at (73,767.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
89 layer at (103,767) size 20x20 | 89 layer at (103,767) size 20x20 |
90 RenderImage {IMG} at (103,767) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [b
order: (2px solid #000000)] | 90 RenderImage {IMG} at (103,767.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
OLD | NEW |