OLD | NEW |
1 layer at (0,0) size 785x909 | 1 layer at (0,0) size 785x909 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x909 | 3 layer at (0,0) size 785x909 |
4 RenderBlock {HTML} at (0,0) size 785x910 | 4 RenderBlock {HTML} at (0,0) size 785x909.13 |
5 RenderBody {BODY} at (8,8) size 769x894 | 5 RenderBody {BODY} at (8,8) size 769x893.13 |
6 RenderBlock (anonymous) at (0,0) size 769x18 | 6 RenderBlock (anonymous) at (0,0) size 769x18 |
7 RenderText {#text} at (0,0) size 373x18 | 7 RenderText {#text} at (0,0) size 373x18 |
8 text run at (0,0) width 373: "All of the boxes below should be 20x20 a
nd look identical." | 8 text run at (0,0) width 373: "All of the boxes below should be 20x20 a
nd look identical." |
9 RenderBlock {H1} at (0,39) size 769x38 | 9 RenderBlock {H1} at (0,39.44) size 769x37 |
10 RenderText {#text} at (0,0) size 203x37 | 10 RenderText {#text} at (0,0) size 203x37 |
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,97) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [
border: (2px solid #000000)] | 12 RenderBlock {DIV} at (5,97.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
13 RenderBlock {DIV} at (5,127) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 13 RenderBlock {DIV} at (5,127.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
14 RenderBlock {DIV} at (5,157) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 14 RenderBlock {DIV} at (5,157.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
15 RenderBlock {DIV} at (5,187) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 15 RenderBlock {DIV} at (5,187.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
16 RenderBR {BR} at (6,6) size 0x18 | 16 RenderBR {BR} at (6,6) size 0x18 |
17 RenderBR {BR} at (6,24) size 0x18 | 17 RenderBR {BR} at (6,24) size 0x18 |
18 RenderBR {BR} at (6,42) size 0x18 | 18 RenderBR {BR} at (6,42) size 0x18 |
19 RenderBlock {H1} at (0,229) size 769x38 | 19 RenderBlock {H1} at (0,229.31) size 769x37 |
20 RenderText {#text} at (0,0) size 178x37 | 20 RenderText {#text} at (0,0) size 178x37 |
21 text run at (0,0) width 178: "Inline Blocks" | 21 text run at (0,0) width 178: "Inline Blocks" |
22 RenderBlock (anonymous) at (0,287) size 769x41 | 22 RenderBlock (anonymous) at (0,287.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 0x18 | 27 RenderBR {BR} at (6,6) size 0x18 |
28 RenderBR {BR} at (6,24) size 0x18 | 28 RenderBR {BR} at (6,24) size 0x18 |
29 RenderBR {BR} at (6,42) size 0x18 | 29 RenderBR {BR} at (6,42) size 0x18 |
30 RenderText {#text} at (0,0) size 0x0 | 30 RenderText {#text} at (0,0) size 0x0 |
31 RenderBlock {H1} at (0,349) size 769x38 | 31 RenderBlock {H1} at (0,349.19) size 769x37 |
32 RenderText {#text} at (0,0) size 241x37 | 32 RenderText {#text} at (0,0) size 241x37 |
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,407) size 769x19 | 34 RenderBlock (anonymous) at (0,407.63) size 769x18 |
35 RenderBR {BR} at (0,0) size 0x18 | 35 RenderBR {BR} at (0,0) size 0x18 |
36 RenderBlock {H1} at (0,447) size 769x38 | 36 RenderBlock {H1} at (0,447.06) size 769x37 |
37 RenderText {#text} at (0,0) size 210x37 | 37 RenderText {#text} at (0,0) size 210x37 |
38 text run at (0,0) width 210: "Floating blocks" | 38 text run at (0,0) width 210: "Floating blocks" |
39 RenderBlock (floating) {DIV} at (5,515) size 20x21 [color=#FFFFFF] [bgcolo
r=#FFA500] [border: (2px solid #000000)] | 39 RenderBlock (floating) {DIV} at (5,515.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
40 RenderBlock (floating) {DIV} at (35,515) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 40 RenderBlock (floating) {DIV} at (35,515.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
41 RenderBlock (floating) {DIV} at (65,515) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 41 RenderBlock (floating) {DIV} at (65,515.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
42 RenderBlock (floating) {DIV} at (95,515) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 42 RenderBlock (floating) {DIV} at (95,515.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
43 RenderBR {BR} at (6,6) size 0x18 | 43 RenderBR {BR} at (6,6) size 0x18 |
44 RenderBR {BR} at (6,24) size 0x18 | 44 RenderBR {BR} at (6,24) size 0x18 |
45 RenderBR {BR} at (6,42) size 0x18 | 45 RenderBR {BR} at (6,42) size 0x18 |
46 RenderBlock (anonymous) at (0,505) size 769x41 | 46 RenderBlock (anonymous) at (0,505.50) size 769x40 |
47 RenderBR {BR} at (120,0) size 0x18 | 47 RenderBR {BR} at (120,0) size 0x18 |
48 RenderBlock {H1} at (0,566) size 769x38 | 48 RenderBlock {H1} at (0,566.94) size 769x37 |
49 RenderText {#text} at (0,0) size 210x37 | 49 RenderText {#text} at (0,0) size 210x37 |
50 text run at (0,0) width 210: "Normal Images" | 50 text run at (0,0) width 210: "Normal Images" |
51 RenderBlock (anonymous) at (0,625) size 769x41 | 51 RenderBlock (anonymous) at (0,625.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,686) size 769x38 | 57 RenderBlock {H1} at (0,686.81) size 769x37 |
58 RenderText {#text} at (0,0) size 248x37 | 58 RenderText {#text} at (0,0) size 248x37 |
59 text run at (0,0) width 248: "Positioned Images" | 59 text run at (0,0) width 248: "Positioned Images" |
60 RenderBlock (anonymous) at (0,745) size 769x19 | 60 RenderBlock (anonymous) at (0,745.25) size 769x18 |
61 RenderBR {BR} at (0,0) size 0x18 | 61 RenderBR {BR} at (0,0) size 0x18 |
62 RenderBlock {H1} at (0,784) size 769x38 | 62 RenderBlock {H1} at (0,784.69) size 769x37 |
63 RenderText {#text} at (0,0) size 220x37 | 63 RenderText {#text} at (0,0) size 220x37 |
64 text run at (0,0) width 220: "Floating Images" | 64 text run at (0,0) width 220: "Floating Images" |
65 RenderImage {IMG} at (5,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 65 RenderImage {IMG} at (5,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
66 RenderImage {IMG} at (35,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 66 RenderImage {IMG} at (35,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
67 RenderImage {IMG} at (65,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 67 RenderImage {IMG} at (65,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
68 RenderImage {IMG} at (95,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 68 RenderImage {IMG} at (95,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
69 RenderBlock (anonymous) at (0,843) size 769x41 | 69 RenderBlock (anonymous) at (0,843.13) size 769x40 |
70 RenderBR {BR} at (120,0) size 0x18 | 70 RenderBR {BR} at (120,0) size 0x18 |
71 RenderBlock {HR} at (0,891) size 769x3 [border: (1px inset #EEEEEE)] | 71 RenderBlock {HR} at (0,891.13) size 769x2 [border: (1px inset #EEEEEE)] |
72 layer at (13,426) size 20x20 | 72 layer at (13,426) size 20x20 |
73 RenderBlock (positioned) {DIV} at (13,425) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 73 RenderBlock (positioned) {DIV} at (13,425.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
74 layer at (43,426) size 20x20 | 74 layer at (43,426) size 20x20 |
75 RenderBlock (positioned) {DIV} at (43,425) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 75 RenderBlock (positioned) {DIV} at (43,425.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
76 layer at (73,426) size 20x20 | 76 layer at (73,426) size 20x20 |
77 RenderBlock (positioned) {DIV} at (73,425) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 77 RenderBlock (positioned) {DIV} at (73,425.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
78 layer at (103,426) size 20x20 | 78 layer at (103,426) size 20x20 |
79 RenderBlock (positioned) {DIV} at (103,425) size 20x21 [color=#FFFFFF] [bgcolo
r=#FFA500] [border: (2px solid #000000)] | 79 RenderBlock (positioned) {DIV} at (103,425.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
80 RenderBR {BR} at (6,6) size 0x18 | 80 RenderBR {BR} at (6,6) size 0x18 |
81 RenderBR {BR} at (6,24) size 0x18 | 81 RenderBR {BR} at (6,24) size 0x18 |
82 RenderBR {BR} at (6,42) size 0x18 | 82 RenderBR {BR} at (6,42) size 0x18 |
83 layer at (13,763) size 20x20 | 83 layer at (13,763) size 20x20 |
84 RenderImage {IMG} at (13,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 84 RenderImage {IMG} at (13,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
85 layer at (43,763) size 20x20 | 85 layer at (43,763) size 20x20 |
86 RenderImage {IMG} at (43,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 86 RenderImage {IMG} at (43,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
87 layer at (73,763) size 20x20 | 87 layer at (73,763) size 20x20 |
88 RenderImage {IMG} at (73,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 88 RenderImage {IMG} at (73,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
89 layer at (103,763) size 20x20 | 89 layer at (103,763) size 20x20 |
90 RenderImage {IMG} at (103,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [b
order: (2px solid #000000)] | 90 RenderImage {IMG} at (103,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
OLD | NEW |