OLD | NEW |
1 layer at (0,0) size 785x641 | 1 layer at (0,0) size 785x641 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x641 | 3 layer at (0,0) size 785x641 |
4 RenderBlock {HTML} at (0,0) size 785x642 | 4 RenderBlock {HTML} at (0,0) size 785x641.03 |
5 RenderBody {BODY} at (8,21) size 769x602 | 5 RenderBody {BODY} at (8,21.44) size 769x600.88 |
6 RenderBlock {H1} at (0,0) size 769x74 | 6 RenderBlock {H1} at (0,0) size 769x74 |
7 RenderText {#text} at (0,0) size 543x37 | 7 RenderText {#text} at (0,0) size 543x37 |
8 text run at (0,0) width 543: "Margins and block formating contexts (" | 8 text run at (0,0) width 543: "Margins and block formating contexts (" |
9 RenderInline {A} at (0,0) size 751x74 [color=#0000EE] | 9 RenderInline {A} at (0,0) size 751x74 [color=#0000EE] |
10 RenderText {#text} at (543,0) size 751x74 | 10 RenderText {#text} at (543,0) size 751x74 |
11 text run at (543,0) width 208: "additional tests" | 11 text run at (543,0) width 208: "additional tests" |
12 text run at (0,37) width 254: "from Alan Gresley" | 12 text run at (0,37) width 254: "from Alan Gresley" |
13 RenderText {#text} at (254,37) size 11x37 | 13 RenderText {#text} at (254,37) size 11x37 |
14 text run at (254,37) width 11: ")" | 14 text run at (254,37) width 11: ")" |
15 RenderBlock {H3} at (0,95) size 769x67 | 15 RenderBlock {H3} at (0,95.44) size 769x66 |
16 RenderText {#text} at (0,0) size 704x22 | 16 RenderText {#text} at (0,0) size 704x22 |
17 text run at (0,0) width 704: "The orange stripe has 'overflow: auto',
'margin-left: 100px' and 'margin-right: 100px'" | 17 text run at (0,0) width 704: "The orange stripe has 'overflow: auto',
'margin-left: 100px' and 'margin-right: 100px'" |
18 RenderBR {BR} at (704,0) size 0x22 | 18 RenderBR {BR} at (704,0) size 0x22 |
19 RenderText {#text} at (0,22) size 663x22 | 19 RenderText {#text} at (0,22) size 663x22 |
20 text run at (0,22) width 663: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" | 20 text run at (0,22) width 663: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" |
21 RenderBR {BR} at (663,22) size 0x22 | 21 RenderBR {BR} at (663,22) size 0x22 |
22 RenderText {#text} at (0,44) size 404x22 | 22 RenderText {#text} at (0,44) size 404x22 |
23 text run at (0,44) width 404: "The wrapping container has a solid silv
er border." | 23 text run at (0,44) width 404: "The wrapping container has a solid silv
er border." |
24 RenderBlock {DIV} at (16,180) size 650x29 [border: (5px solid #C0C0C0)] | 24 RenderBlock {DIV} at (16,180.16) size 650x28 [border: (5px solid #C0C0C0)] |
25 RenderBlock (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00] | 25 RenderBlock (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00] |
26 RenderText {#text} at (0,0) size 38x18 | 26 RenderText {#text} at (0,0) size 38x18 |
27 text run at (0,0) width 38: "floatL" | 27 text run at (0,0) width 38: "floatL" |
28 RenderBlock {DIV} at (16,224) size 650x29 [border: (5px solid #C0C0C0)] | 28 RenderBlock {DIV} at (16,224.16) size 650x28 [border: (5px solid #C0C0C0)] |
29 RenderBlock (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00] | 29 RenderBlock (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00] |
30 RenderText {#text} at (0,0) size 38x18 | 30 RenderText {#text} at (0,0) size 38x18 |
31 text run at (0,0) width 38: "floatL" | 31 text run at (0,0) width 38: "floatL" |
32 RenderBlock {DIV} at (16,268) size 650x29 [border: (5px solid #C0C0C0)] | 32 RenderBlock {DIV} at (16,268.16) size 650x28 [border: (5px solid #C0C0C0)] |
33 RenderBlock (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00] | 33 RenderBlock (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00] |
34 RenderText {#text} at (0,0) size 38x18 | 34 RenderText {#text} at (0,0) size 38x18 |
35 text run at (0,0) width 38: "floatL" | 35 text run at (0,0) width 38: "floatL" |
36 RenderBlock {DIV} at (16,312) size 650x29 [border: (5px solid #C0C0C0)] | 36 RenderBlock {DIV} at (16,312.16) size 650x28 [border: (5px solid #C0C0C0)] |
37 RenderBlock (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00] | 37 RenderBlock (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00] |
38 RenderText {#text} at (0,0) size 82x18 | 38 RenderText {#text} at (0,0) size 82x18 |
39 text run at (0,0) width 82: "floatL 150px" | 39 text run at (0,0) width 82: "floatL 150px" |
40 RenderBlock {DIV} at (16,356) size 650x29 [border: (5px solid #C0C0C0)] | 40 RenderBlock {DIV} at (16,356.16) size 650x28 [border: (5px solid #C0C0C0)] |
41 RenderBlock (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00] | 41 RenderBlock (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00] |
42 RenderText {#text} at (0,0) size 39x18 | 42 RenderText {#text} at (0,0) size 39x18 |
43 text run at (0,0) width 39: "floatR" | 43 text run at (0,0) width 39: "floatR" |
44 RenderBlock {DIV} at (16,400) size 650x29 [border: (5px solid #C0C0C0)] | 44 RenderBlock {DIV} at (16,400.16) size 650x28 [border: (5px solid #C0C0C0)] |
45 RenderBlock (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00] | 45 RenderBlock (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00] |
46 RenderText {#text} at (0,0) size 39x18 | 46 RenderText {#text} at (0,0) size 39x18 |
47 text run at (0,0) width 39: "floatR" | 47 text run at (0,0) width 39: "floatR" |
48 RenderBlock {DIV} at (16,444) size 650x29 [border: (5px solid #C0C0C0)] | 48 RenderBlock {DIV} at (16,444.16) size 650x28 [border: (5px solid #C0C0C0)] |
49 RenderBlock (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00] | 49 RenderBlock (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00] |
50 RenderText {#text} at (0,0) size 39x18 | 50 RenderText {#text} at (0,0) size 39x18 |
51 text run at (0,0) width 39: "floatR" | 51 text run at (0,0) width 39: "floatR" |
52 RenderBlock {DIV} at (16,488) size 650x29 [border: (5px solid #C0C0C0)] | 52 RenderBlock {DIV} at (16,488.16) size 650x28 [border: (5px solid #C0C0C0)] |
53 RenderBlock (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00] | 53 RenderBlock (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00] |
54 RenderText {#text} at (0,0) size 83x18 | 54 RenderText {#text} at (0,0) size 83x18 |
55 text run at (0,0) width 83: "floatR 150px" | 55 text run at (0,0) width 83: "floatR 150px" |
56 RenderBlock {H3} at (0,534) size 769x67 | 56 RenderBlock {H3} at (0,534.88) size 769x66 |
57 RenderText {#text} at (0,0) size 676x22 | 57 RenderText {#text} at (0,0) size 676x22 |
58 text run at (0,0) width 676: "The orange stripe has 'overflow: auto',
'margin-left: auto' and 'margin-right: auto'" | 58 text run at (0,0) width 676: "The orange stripe has 'overflow: auto',
'margin-left: auto' and 'margin-right: auto'" |
59 RenderBR {BR} at (676,0) size 0x22 | 59 RenderBR {BR} at (676,0) size 0x22 |
60 RenderText {#text} at (0,22) size 663x22 | 60 RenderText {#text} at (0,22) size 663x22 |
61 text run at (0,22) width 663: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" | 61 text run at (0,22) width 663: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" |
62 RenderBR {BR} at (663,22) size 0x22 | 62 RenderBR {BR} at (663,22) size 0x22 |
63 RenderText {#text} at (0,44) size 404x22 | 63 RenderText {#text} at (0,44) size 404x22 |
64 text run at (0,44) width 404: "The wrapping container has a solid silv
er border." | 64 text run at (0,44) width 404: "The wrapping container has a solid silv
er border." |
65 layer at (129,207) size 440x18 | 65 layer at (129,207) size 440x18 |
66 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 66 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
(...skipping 20 matching lines...) Expand all Loading... |
87 RenderText {#text} at (0,0) size 172x18 | 87 RenderText {#text} at (0,0) size 172x18 |
88 text run at (0,0) width 172: "<div> with 'overflow: auto'" | 88 text run at (0,0) width 172: "<div> with 'overflow: auto'" |
89 layer at (129,471) size 440x18 | 89 layer at (129,471) size 440x18 |
90 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 90 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
91 RenderText {#text} at (0,0) size 172x18 | 91 RenderText {#text} at (0,0) size 172x18 |
92 text run at (0,0) width 172: "<div> with 'overflow: auto'" | 92 text run at (0,0) width 172: "<div> with 'overflow: auto'" |
93 layer at (129,515) size 390x18 | 93 layer at (129,515) size 390x18 |
94 RenderBlock {DIV} at (105,5) size 390x18 [bgcolor=#FFA500] | 94 RenderBlock {DIV} at (105,5) size 390x18 [bgcolor=#FFA500] |
95 RenderText {#text} at (0,0) size 172x18 | 95 RenderText {#text} at (0,0) size 172x18 |
96 text run at (0,0) width 172: "<div> with 'overflow: auto'" | 96 text run at (0,0) width 172: "<div> with 'overflow: auto'" |
OLD | NEW |