| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 641 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 641 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x641 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 | 3 layer at (0,0) size 785x641 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x641.03 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x641.03 |
| 5 LayoutBlockFlow {BODY} at (8,21.44) size 769x600.88 | 5 LayoutBlockFlow {BODY} at (8,21.44) size 769x600.88 |
| 6 LayoutBlockFlow {H1} at (0,0) size 769x74 | 6 LayoutBlockFlow {H1} at (0,0) size 769x74 |
| 7 LayoutText {#text} at (0,0) size 542x37 | 7 LayoutText {#text} at (0,0) size 542x37 |
| 8 text run at (0,0) width 542: "Margins and block formating contexts (" | 8 text run at (0,0) width 542: "Margins and block formating contexts (" |
| 9 LayoutInline {A} at (0,0) size 749x74 [color=#0000EE] | 9 LayoutInline {A} at (0,0) size 749x74 [color=#0000EE] |
| 10 LayoutText {#text} at (541,0) size 749x74 | 10 LayoutText {#text} at (541,0) size 749x74 |
| 11 text run at (541,0) width 208: "additional tests" | 11 text run at (541,0) width 208: "additional tests" |
| 12 text run at (0,37) width 255: "from Alan Gresley" | 12 text run at (0,37) width 254: "from Alan Gresley" |
| 13 LayoutText {#text} at (254,37) size 11x37 | 13 LayoutText {#text} at (253,37) size 11x37 |
| 14 text run at (254,37) width 11: ")" | 14 text run at (253,37) width 11: ")" |
| 15 LayoutBlockFlow {H3} at (0,95.44) size 769x66 | 15 LayoutBlockFlow {H3} at (0,95.44) size 769x66 |
| 16 LayoutText {#text} at (0,0) size 686x22 | 16 LayoutText {#text} at (0,0) size 685x22 |
| 17 text run at (0,0) width 686: "The orange stripe has 'overflow: auto',
'margin-left: 100px' and 'margin-right: 100px'" | 17 text run at (0,0) width 685: "The orange stripe has 'overflow: auto',
'margin-left: 100px' and 'margin-right: 100px'" |
| 18 LayoutBR {BR} at (685,0) size 1x22 | 18 LayoutBR {BR} at (684,0) size 1x22 |
| 19 LayoutText {#text} at (0,22) size 649x22 | 19 LayoutText {#text} at (0,22) size 648x22 |
| 20 text run at (0,22) width 649: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" | 20 text run at (0,22) width 648: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" |
| 21 LayoutBR {BR} at (648,22) size 1x22 | 21 LayoutBR {BR} at (647,22) size 1x22 |
| 22 LayoutText {#text} at (0,44) size 394x22 | 22 LayoutText {#text} at (0,44) size 393x22 |
| 23 text run at (0,44) width 394: "The wrapping container has a solid silv
er border." | 23 text run at (0,44) width 393: "The wrapping container has a solid silv
er border." |
| 24 LayoutBlockFlow {DIV} at (16,180.16) size 650x28 [border: (5px solid #C0C0
C0)] | 24 LayoutBlockFlow {DIV} at (16,180.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 25 LayoutBlockFlow (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00] | 25 LayoutBlockFlow (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00] |
| 26 LayoutText {#text} at (0,0) size 40x18 | 26 LayoutText {#text} at (0,0) size 39x18 |
| 27 text run at (0,0) width 40: "floatL" | 27 text run at (0,0) width 39: "floatL" |
| 28 LayoutBlockFlow {DIV} at (16,224.16) size 650x28 [border: (5px solid #C0C0
C0)] | 28 LayoutBlockFlow {DIV} at (16,224.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 29 LayoutBlockFlow (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00] | 29 LayoutBlockFlow (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00] |
| 30 LayoutText {#text} at (0,0) size 40x18 | 30 LayoutText {#text} at (0,0) size 39x18 |
| 31 text run at (0,0) width 40: "floatL" | 31 text run at (0,0) width 39: "floatL" |
| 32 LayoutBlockFlow {DIV} at (16,268.16) size 650x28 [border: (5px solid #C0C0
C0)] | 32 LayoutBlockFlow {DIV} at (16,268.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 33 LayoutBlockFlow (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00] | 33 LayoutBlockFlow (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00] |
| 34 LayoutText {#text} at (0,0) size 40x18 | 34 LayoutText {#text} at (0,0) size 39x18 |
| 35 text run at (0,0) width 40: "floatL" | 35 text run at (0,0) width 39: "floatL" |
| 36 LayoutBlockFlow {DIV} at (16,312.16) size 650x28 [border: (5px solid #C0C0
C0)] | 36 LayoutBlockFlow {DIV} at (16,312.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 37 LayoutBlockFlow (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00] | 37 LayoutBlockFlow (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00] |
| 38 LayoutText {#text} at (0,0) size 84x18 | 38 LayoutText {#text} at (0,0) size 83x18 |
| 39 text run at (0,0) width 84: "floatL 150px" | 39 text run at (0,0) width 83: "floatL 150px" |
| 40 LayoutBlockFlow {DIV} at (16,356.16) size 650x28 [border: (5px solid #C0C0
C0)] | 40 LayoutBlockFlow {DIV} at (16,356.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 41 LayoutBlockFlow (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00] | 41 LayoutBlockFlow (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00] |
| 42 LayoutText {#text} at (0,0) size 40x18 | 42 LayoutText {#text} at (0,0) size 40x18 |
| 43 text run at (0,0) width 40: "floatR" | 43 text run at (0,0) width 40: "floatR" |
| 44 LayoutBlockFlow {DIV} at (16,400.16) size 650x28 [border: (5px solid #C0C0
C0)] | 44 LayoutBlockFlow {DIV} at (16,400.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 45 LayoutBlockFlow (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00] | 45 LayoutBlockFlow (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00] |
| 46 LayoutText {#text} at (0,0) size 40x18 | 46 LayoutText {#text} at (0,0) size 40x18 |
| 47 text run at (0,0) width 40: "floatR" | 47 text run at (0,0) width 40: "floatR" |
| 48 LayoutBlockFlow {DIV} at (16,444.16) size 650x28 [border: (5px solid #C0C0
C0)] | 48 LayoutBlockFlow {DIV} at (16,444.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 49 LayoutBlockFlow (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00
] | 49 LayoutBlockFlow (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00
] |
| 50 LayoutText {#text} at (0,0) size 40x18 | 50 LayoutText {#text} at (0,0) size 40x18 |
| 51 text run at (0,0) width 40: "floatR" | 51 text run at (0,0) width 40: "floatR" |
| 52 LayoutBlockFlow {DIV} at (16,488.16) size 650x28 [border: (5px solid #C0C0
C0)] | 52 LayoutBlockFlow {DIV} at (16,488.16) size 650x28 [border: (5px solid #C0C0
C0)] |
| 53 LayoutBlockFlow (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00
] | 53 LayoutBlockFlow (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00
] |
| 54 LayoutText {#text} at (0,0) size 84x18 | 54 LayoutText {#text} at (0,0) size 84x18 |
| 55 text run at (0,0) width 84: "floatR 150px" | 55 text run at (0,0) width 84: "floatR 150px" |
| 56 LayoutBlockFlow {H3} at (0,534.88) size 769x66 | 56 LayoutBlockFlow {H3} at (0,534.88) size 769x66 |
| 57 LayoutText {#text} at (0,0) size 661x22 | 57 LayoutText {#text} at (0,0) size 660x22 |
| 58 text run at (0,0) width 661: "The orange stripe has 'overflow: auto',
'margin-left: auto' and 'margin-right: auto'" | 58 text run at (0,0) width 660: "The orange stripe has 'overflow: auto',
'margin-left: auto' and 'margin-right: auto'" |
| 59 LayoutBR {BR} at (660,0) size 1x22 | 59 LayoutBR {BR} at (659,0) size 1x22 |
| 60 LayoutText {#text} at (0,22) size 649x22 | 60 LayoutText {#text} at (0,22) size 648x22 |
| 61 text run at (0,22) width 649: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" | 61 text run at (0,22) width 648: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" |
| 62 LayoutBR {BR} at (648,22) size 1x22 | 62 LayoutBR {BR} at (647,22) size 1x22 |
| 63 LayoutText {#text} at (0,44) size 394x22 | 63 LayoutText {#text} at (0,44) size 393x22 |
| 64 text run at (0,44) width 394: "The wrapping container has a solid silv
er border." | 64 text run at (0,44) width 393: "The wrapping container has a solid silv
er border." |
| 65 layer at (129,207) size 440x18 | 65 layer at (129,207) size 440x18 |
| 66 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 66 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| 67 LayoutText {#text} at (0,0) size 175x18 | 67 LayoutText {#text} at (0,0) size 174x18 |
| 68 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 68 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| 69 layer at (129,251) size 440x18 | 69 layer at (129,251) size 440x18 |
| 70 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 70 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| 71 LayoutText {#text} at (0,0) size 175x18 | 71 LayoutText {#text} at (0,0) size 174x18 |
| 72 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 72 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| 73 layer at (129,295) size 440x18 | 73 layer at (129,295) size 440x18 |
| 74 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 74 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| 75 LayoutText {#text} at (0,0) size 175x18 | 75 LayoutText {#text} at (0,0) size 174x18 |
| 76 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 76 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| 77 layer at (179,339) size 390x18 | 77 layer at (179,339) size 390x18 |
| 78 LayoutBlockFlow {DIV} at (155,5) size 390x18 [bgcolor=#FFA500] | 78 LayoutBlockFlow {DIV} at (155,5) size 390x18 [bgcolor=#FFA500] |
| 79 LayoutText {#text} at (0,0) size 175x18 | 79 LayoutText {#text} at (0,0) size 174x18 |
| 80 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 80 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| 81 layer at (129,383) size 440x18 | 81 layer at (129,383) size 440x18 |
| 82 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 82 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| 83 LayoutText {#text} at (0,0) size 175x18 | 83 LayoutText {#text} at (0,0) size 174x18 |
| 84 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 84 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| 85 layer at (129,427) size 440x18 | 85 layer at (129,427) size 440x18 |
| 86 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 86 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| 87 LayoutText {#text} at (0,0) size 175x18 | 87 LayoutText {#text} at (0,0) size 174x18 |
| 88 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 88 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| 89 layer at (129,471) size 440x18 | 89 layer at (129,471) size 440x18 |
| 90 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] | 90 LayoutBlockFlow {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| 91 LayoutText {#text} at (0,0) size 175x18 | 91 LayoutText {#text} at (0,0) size 174x18 |
| 92 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 92 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| 93 layer at (129,515) size 390x18 | 93 layer at (129,515) size 390x18 |
| 94 LayoutBlockFlow {DIV} at (105,5) size 390x18 [bgcolor=#FFA500] | 94 LayoutBlockFlow {DIV} at (105,5) size 390x18 [bgcolor=#FFA500] |
| 95 LayoutText {#text} at (0,0) size 175x18 | 95 LayoutText {#text} at (0,0) size 174x18 |
| 96 text run at (0,0) width 175: "<div> with 'overflow: auto'" | 96 text run at (0,0) width 174: "<div> with 'overflow: auto'" |
| OLD | NEW |