OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 663 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 785x663 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 | |
4 LayoutBlockFlow {HTML} at (0,0) size 785x663.03 | |
5 LayoutBlockFlow {BODY} at (8,21.44) size 769x622.88 | |
6 LayoutBlockFlow {H1} at (0,0) size 769x74 | |
7 LayoutText {#text} at (0,0) size 544x36 | |
8 text run at (0,0) width 544: "Margins and block formating contexts (" | |
9 LayoutInline {A} at (0,0) size 752x73 [color=#0000EE] | |
10 LayoutText {#text} at (544,0) size 752x73 | |
11 text run at (544,0) width 208: "additional tests" | |
12 text run at (0,37) width 252: "from Alan Gresley" | |
13 LayoutText {#text} at (251,37) size 12x36 | |
14 text run at (251,37) width 12: ")" | |
15 LayoutBlockFlow {H3} at (0,95.44) size 769x69 | |
16 LayoutText {#text} at (0,0) size 691x22 | |
17 text run at (0,0) width 691: "The orange stripe has 'overflow: auto',
'margin-left: 100px' and 'margin-right: 100px'" | |
18 LayoutBR {BR} at (691,0) size 0x22 | |
19 LayoutText {#text} at (0,23) size 660x22 | |
20 text run at (0,23) width 660: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" | |
21 LayoutBR {BR} at (659,23) size 1x22 | |
22 LayoutText {#text} at (0,46) size 400x22 | |
23 text run at (0,46) width 400: "The wrapping container has a solid silv
er border." | |
24 LayoutBlockFlow {DIV} at (16,183.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
25 LayoutBlockFlow (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00] | |
26 LayoutText {#text} at (0,0) size 35x19 | |
27 text run at (0,0) width 35: "floatL" | |
28 LayoutBlockFlow {DIV} at (16,229.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
29 LayoutBlockFlow (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00] | |
30 LayoutText {#text} at (0,0) size 35x19 | |
31 text run at (0,0) width 35: "floatL" | |
32 LayoutBlockFlow {DIV} at (16,275.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
33 LayoutBlockFlow (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00] | |
34 LayoutText {#text} at (0,0) size 35x19 | |
35 text run at (0,0) width 35: "floatL" | |
36 LayoutBlockFlow {DIV} at (16,321.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
37 LayoutBlockFlow (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00] | |
38 LayoutText {#text} at (0,0) size 78x19 | |
39 text run at (0,0) width 78: "floatL 150px" | |
40 LayoutBlockFlow {DIV} at (16,367.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
41 LayoutBlockFlow (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00] | |
42 LayoutText {#text} at (0,0) size 36x19 | |
43 text run at (0,0) width 36: "floatR" | |
44 LayoutBlockFlow {DIV} at (16,413.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
45 LayoutBlockFlow (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00] | |
46 LayoutText {#text} at (0,0) size 36x19 | |
47 text run at (0,0) width 36: "floatR" | |
48 LayoutBlockFlow {DIV} at (16,459.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
49 LayoutBlockFlow (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00
] | |
50 LayoutText {#text} at (0,0) size 36x19 | |
51 text run at (0,0) width 36: "floatR" | |
52 LayoutBlockFlow {DIV} at (16,505.16) size 650x30 [border: (5px solid #C0C0
C0)] | |
53 LayoutBlockFlow (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00
] | |
54 LayoutText {#text} at (0,0) size 79x19 | |
55 text run at (0,0) width 79: "floatR 150px" | |
56 LayoutBlockFlow {H3} at (0,553.88) size 769x69 | |
57 LayoutText {#text} at (0,0) size 665x22 | |
58 text run at (0,0) width 665: "The orange stripe has 'overflow: auto',
'margin-left: auto' and 'margin-right: auto'" | |
59 LayoutBR {BR} at (665,0) size 0x22 | |
60 LayoutText {#text} at (0,23) size 660x22 | |
61 text run at (0,23) width 660: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" | |
62 LayoutBR {BR} at (659,23) size 1x22 | |
63 LayoutText {#text} at (0,46) size 400x22 | |
64 text run at (0,46) width 400: "The wrapping container has a solid silv
er border." | |
65 layer at (129,210) size 440x20 | |
66 LayoutBlockFlow {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | |
67 LayoutText {#text} at (0,0) size 161x19 | |
68 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
69 layer at (129,256) size 440x20 | |
70 LayoutBlockFlow {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | |
71 LayoutText {#text} at (0,0) size 161x19 | |
72 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
73 layer at (129,302) size 440x20 | |
74 LayoutBlockFlow {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | |
75 LayoutText {#text} at (0,0) size 161x19 | |
76 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
77 layer at (179,348) size 390x20 | |
78 LayoutBlockFlow {DIV} at (155,5) size 390x20 [bgcolor=#FFA500] | |
79 LayoutText {#text} at (0,0) size 161x19 | |
80 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
81 layer at (129,394) size 440x20 | |
82 LayoutBlockFlow {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | |
83 LayoutText {#text} at (0,0) size 161x19 | |
84 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
85 layer at (129,440) size 440x20 | |
86 LayoutBlockFlow {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | |
87 LayoutText {#text} at (0,0) size 161x19 | |
88 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
89 layer at (129,486) size 440x20 | |
90 LayoutBlockFlow {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | |
91 LayoutText {#text} at (0,0) size 161x19 | |
92 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
93 layer at (129,532) size 390x20 | |
94 LayoutBlockFlow {DIV} at (105,5) size 390x20 [bgcolor=#FFA500] | |
95 LayoutText {#text} at (0,0) size 161x19 | |
96 text run at (0,0) width 161: "<div> with 'overflow: auto'" | |
OLD | NEW |