OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 953 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 953 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x953 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x953 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 |
4 RenderBlock {HTML} at (0,0) size 785x953.13 | 4 RenderBlock {HTML} at (0,0) size 785x953.13 |
5 RenderBody {BODY} at (8,8) size 769x937.13 | 5 RenderBody {BODY} at (8,8) size 769x937.13 |
6 RenderBlock (anonymous) at (0,0) size 769x36 | 6 RenderBlock (anonymous) at (0,0) size 769x36 |
7 RenderText {#text} at (0,0) size 763x36 | 7 RenderText {#text} at (0,0) size 763x36 |
8 text run at (0,0) width 763: "All of the boxes below should be 20x20 a
nd look identical. Note that the last inline-block box is positioned higher than
" | 8 text run at (0,0) width 763: "All of the boxes below should be 20x20 a
nd look identical. Note that the last inline-block box is positioned higher than
" |
9 text run at (0,18) width 179: "the others. This is expected." | 9 text run at (0,18) width 179: "the others. This is expected." |
10 RenderBlock {H1} at (0,57.44) size 769x37 | 10 RenderBlock {H1} at (0,57.44) size 769x37 |
11 RenderText {#text} at (0,0) size 204x37 | 11 RenderText {#text} at (0,0) size 204x37 |
12 text run at (0,0) width 204: "Normal Blocks" | 12 text run at (0,0) width 204: "Normal Blocks" |
13 RenderBlock {DIV} at (5,115.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 13 RenderBlock {DIV} at (5,115.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
14 RenderBlock {DIV} at (5,145.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 14 RenderBlock {DIV} at (5,145.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
15 RenderBlock {DIV} at (5,175.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 15 RenderBlock {DIV} at (5,175.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
16 RenderBlock {DIV} at (5,205.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 16 RenderBlock {DIV} at (5,205.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
17 RenderBR {BR} at (6,6) size 0x18 | 17 LayoutBR {BR} at (6,6) size 0x18 |
18 RenderBR {BR} at (6,24) size 0x18 | 18 LayoutBR {BR} at (6,24) size 0x18 |
19 RenderBR {BR} at (6,42) size 0x18 | 19 LayoutBR {BR} at (6,42) size 0x18 |
20 RenderBlock {H1} at (0,247.31) size 769x37 | 20 RenderBlock {H1} at (0,247.31) size 769x37 |
21 RenderText {#text} at (0,0) size 179x37 | 21 RenderText {#text} at (0,0) size 179x37 |
22 text run at (0,0) width 179: "Inline Blocks" | 22 text run at (0,0) width 179: "Inline Blocks" |
23 RenderBlock (anonymous) at (0,305.75) size 769x66 | 23 RenderBlock (anonymous) at (0,305.75) size 769x66 |
24 RenderBlock {DIV} at (5,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 24 RenderBlock {DIV} at (5,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
25 RenderBlock {DIV} at (35,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 25 RenderBlock {DIV} at (35,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
26 RenderBlock {DIV} at (65,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 26 RenderBlock {DIV} at (65,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
27 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 27 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
28 RenderBR {BR} at (6,6) size 0x18 | 28 LayoutBR {BR} at (6,6) size 0x18 |
29 RenderBR {BR} at (6,24) size 0x18 | 29 LayoutBR {BR} at (6,24) size 0x18 |
30 RenderBR {BR} at (6,42) size 0x18 | 30 LayoutBR {BR} at (6,42) size 0x18 |
31 RenderText {#text} at (0,0) size 0x0 | 31 RenderText {#text} at (0,0) size 0x0 |
32 RenderBlock {H1} at (0,393.19) size 769x37 | 32 RenderBlock {H1} at (0,393.19) size 769x37 |
33 RenderText {#text} at (0,0) size 241x37 | 33 RenderText {#text} at (0,0) size 241x37 |
34 text run at (0,0) width 241: "Positioned Blocks" | 34 text run at (0,0) width 241: "Positioned Blocks" |
35 RenderBlock (anonymous) at (0,451.63) size 769x18 | 35 RenderBlock (anonymous) at (0,451.63) size 769x18 |
36 RenderBR {BR} at (0,0) size 0x18 | 36 LayoutBR {BR} at (0,0) size 0x18 |
37 RenderBlock {H1} at (0,491.06) size 769x37 | 37 RenderBlock {H1} at (0,491.06) size 769x37 |
38 RenderText {#text} at (0,0) size 209x37 | 38 RenderText {#text} at (0,0) size 209x37 |
39 text run at (0,0) width 209: "Floating blocks" | 39 text run at (0,0) width 209: "Floating blocks" |
40 RenderBlock (floating) {DIV} at (5,559.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] | 40 RenderBlock (floating) {DIV} at (5,559.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
41 RenderBlock (floating) {DIV} at (35,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 41 RenderBlock (floating) {DIV} at (35,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
42 RenderBlock (floating) {DIV} at (65,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 42 RenderBlock (floating) {DIV} at (65,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
43 RenderBlock (floating) {DIV} at (95,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 43 RenderBlock (floating) {DIV} at (95,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
44 RenderBR {BR} at (6,6) size 0x18 | 44 LayoutBR {BR} at (6,6) size 0x18 |
45 RenderBR {BR} at (6,24) size 0x18 | 45 LayoutBR {BR} at (6,24) size 0x18 |
46 RenderBR {BR} at (6,42) size 0x18 | 46 LayoutBR {BR} at (6,42) size 0x18 |
47 RenderBlock (anonymous) at (0,549.50) size 769x40 | 47 RenderBlock (anonymous) at (0,549.50) size 769x40 |
48 RenderBR {BR} at (120,0) size 0x18 | 48 LayoutBR {BR} at (120,0) size 0x18 |
49 RenderBlock {H1} at (0,610.94) size 769x37 | 49 RenderBlock {H1} at (0,610.94) size 769x37 |
50 RenderText {#text} at (0,0) size 211x37 | 50 RenderText {#text} at (0,0) size 211x37 |
51 text run at (0,0) width 211: "Normal Images" | 51 text run at (0,0) width 211: "Normal Images" |
52 RenderBlock (anonymous) at (0,669.38) size 769x40 | 52 RenderBlock (anonymous) at (0,669.38) size 769x40 |
53 LayoutImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 53 LayoutImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
54 LayoutImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 54 LayoutImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
55 LayoutImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 55 LayoutImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
56 LayoutImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 56 LayoutImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
57 RenderText {#text} at (0,0) size 0x0 | 57 RenderText {#text} at (0,0) size 0x0 |
58 RenderBlock {H1} at (0,730.81) size 769x37 | 58 RenderBlock {H1} at (0,730.81) size 769x37 |
59 RenderText {#text} at (0,0) size 248x37 | 59 RenderText {#text} at (0,0) size 248x37 |
60 text run at (0,0) width 248: "Positioned Images" | 60 text run at (0,0) width 248: "Positioned Images" |
61 RenderBlock (anonymous) at (0,789.25) size 769x18 | 61 RenderBlock (anonymous) at (0,789.25) size 769x18 |
62 RenderBR {BR} at (0,0) size 0x18 | 62 LayoutBR {BR} at (0,0) size 0x18 |
63 RenderBlock {H1} at (0,828.69) size 769x37 | 63 RenderBlock {H1} at (0,828.69) size 769x37 |
64 RenderText {#text} at (0,0) size 220x37 | 64 RenderText {#text} at (0,0) size 220x37 |
65 text run at (0,0) width 220: "Floating Images" | 65 text run at (0,0) width 220: "Floating Images" |
66 LayoutImage {IMG} at (5,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 66 LayoutImage {IMG} at (5,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
67 LayoutImage {IMG} at (35,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 67 LayoutImage {IMG} at (35,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
68 LayoutImage {IMG} at (65,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 68 LayoutImage {IMG} at (65,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
69 LayoutImage {IMG} at (95,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 69 LayoutImage {IMG} at (95,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
70 RenderBlock (anonymous) at (0,887.13) size 769x40 | 70 RenderBlock (anonymous) at (0,887.13) size 769x40 |
71 RenderBR {BR} at (120,0) size 0x18 | 71 LayoutBR {BR} at (120,0) size 0x18 |
72 RenderBlock {HR} at (0,935.13) size 769x2 [border: (1px inset #EEEEEE)] | 72 RenderBlock {HR} at (0,935.13) size 769x2 [border: (1px inset #EEEEEE)] |
73 layer at (13,470) size 20x20 | 73 layer at (13,470) size 20x20 |
74 RenderBlock (positioned) {DIV} at (13,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 74 RenderBlock (positioned) {DIV} at (13,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
75 layer at (43,470) size 20x20 | 75 layer at (43,470) size 20x20 |
76 RenderBlock (positioned) {DIV} at (43,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 76 RenderBlock (positioned) {DIV} at (43,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
77 layer at (73,470) size 20x20 | 77 layer at (73,470) size 20x20 |
78 RenderBlock (positioned) {DIV} at (73,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 78 RenderBlock (positioned) {DIV} at (73,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
79 layer at (103,470) size 20x20 | 79 layer at (103,470) size 20x20 |
80 RenderBlock (positioned) {DIV} at (103,469.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] | 80 RenderBlock (positioned) {DIV} at (103,469.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
81 RenderBR {BR} at (6,6) size 0x18 | 81 LayoutBR {BR} at (6,6) size 0x18 |
82 RenderBR {BR} at (6,24) size 0x18 | 82 LayoutBR {BR} at (6,24) size 0x18 |
83 RenderBR {BR} at (6,42) size 0x18 | 83 LayoutBR {BR} at (6,42) size 0x18 |
84 layer at (13,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 84 layer at (13,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
85 LayoutImage {IMG} at (13,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 85 LayoutImage {IMG} at (13,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
86 layer at (43,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 86 layer at (43,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
87 LayoutImage {IMG} at (43,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 87 LayoutImage {IMG} at (43,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
88 layer at (73,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 88 layer at (73,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
89 LayoutImage {IMG} at (73,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 89 LayoutImage {IMG} at (73,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
90 layer at (103,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 90 layer at (103,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
91 LayoutImage {IMG} at (103,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 91 LayoutImage {IMG} at (103,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
OLD | NEW |