| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 663 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 663 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView 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 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x663 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 785x663.03 | 4 RenderBlock {HTML} at (0,0) size 785x663.03 |
| 5 RenderBody {BODY} at (8,21.44) size 769x622.88 | 5 RenderBody {BODY} at (8,21.44) size 769x622.88 |
| 6 RenderBlock {H1} at (0,0) size 769x74 | 6 RenderBlock {H1} at (0,0) size 769x74 |
| 7 RenderText {#text} at (0,0) size 544x36 | 7 RenderText {#text} at (0,0) size 544x36 |
| 8 text run at (0,0) width 544: "Margins and block formating contexts (" | 8 text run at (0,0) width 544: "Margins and block formating contexts (" |
| 9 RenderInline {A} at (0,0) size 752x73 [color=#0000EE] | 9 RenderInline {A} at (0,0) size 752x73 [color=#0000EE] |
| 10 RenderText {#text} at (544,0) size 752x73 | 10 RenderText {#text} at (544,0) size 752x73 |
| 11 text run at (544,0) width 208: "additional tests" | 11 text run at (544,0) width 208: "additional tests" |
| 12 text run at (0,37) width 253: "from Alan Gresley" | 12 text run at (0,37) width 253: "from Alan Gresley" |
| 13 RenderText {#text} at (253,37) size 11x36 | 13 RenderText {#text} at (253,37) size 11x36 |
| 14 text run at (253,37) width 11: ")" | 14 text run at (253,37) width 11: ")" |
| 15 RenderBlock {H3} at (0,95.44) size 769x69 | 15 RenderBlock {H3} at (0,95.44) size 769x69 |
| 16 RenderText {#text} at (0,0) size 691x22 | 16 RenderText {#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'" | 17 text run at (0,0) width 691: "The orange stripe has 'overflow: auto',
'margin-left: 100px' and 'margin-right: 100px'" |
| 18 RenderBR {BR} at (691,0) size 0x22 | 18 LayoutBR {BR} at (691,0) size 0x22 |
| 19 RenderText {#text} at (0,23) size 660x22 | 19 RenderText {#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)" | 20 text run at (0,23) width 660: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" |
| 21 RenderBR {BR} at (660,23) size 0x22 | 21 LayoutBR {BR} at (660,23) size 0x22 |
| 22 RenderText {#text} at (0,46) size 401x22 | 22 RenderText {#text} at (0,46) size 401x22 |
| 23 text run at (0,46) width 401: "The wrapping container has a solid silv
er border." | 23 text run at (0,46) width 401: "The wrapping container has a solid silv
er border." |
| 24 RenderBlock {DIV} at (16,183.16) size 650x30 [border: (5px solid #C0C0C0)] | 24 RenderBlock {DIV} at (16,183.16) size 650x30 [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 35x19 | 26 RenderText {#text} at (0,0) size 35x19 |
| 27 text run at (0,0) width 35: "floatL" | 27 text run at (0,0) width 35: "floatL" |
| 28 RenderBlock {DIV} at (16,229.16) size 650x30 [border: (5px solid #C0C0C0)] | 28 RenderBlock {DIV} at (16,229.16) size 650x30 [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 35x19 | 30 RenderText {#text} at (0,0) size 35x19 |
| 31 text run at (0,0) width 35: "floatL" | 31 text run at (0,0) width 35: "floatL" |
| (...skipping 17 matching lines...) Expand all Loading... |
| 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 36x19 | 50 RenderText {#text} at (0,0) size 36x19 |
| 51 text run at (0,0) width 36: "floatR" | 51 text run at (0,0) width 36: "floatR" |
| 52 RenderBlock {DIV} at (16,505.16) size 650x30 [border: (5px solid #C0C0C0)] | 52 RenderBlock {DIV} at (16,505.16) size 650x30 [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 79x19 | 54 RenderText {#text} at (0,0) size 79x19 |
| 55 text run at (0,0) width 79: "floatR 150px" | 55 text run at (0,0) width 79: "floatR 150px" |
| 56 RenderBlock {H3} at (0,553.88) size 769x69 | 56 RenderBlock {H3} at (0,553.88) size 769x69 |
| 57 RenderText {#text} at (0,0) size 665x22 | 57 RenderText {#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'" | 58 text run at (0,0) width 665: "The orange stripe has 'overflow: auto',
'margin-left: auto' and 'margin-right: auto'" |
| 59 RenderBR {BR} at (665,0) size 0x22 | 59 LayoutBR {BR} at (665,0) size 0x22 |
| 60 RenderText {#text} at (0,23) size 660x22 | 60 RenderText {#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)" | 61 text run at (0,23) width 660: "The lime stripes are floats with variou
s width (topmost is 0, bottommost is 150px)" |
| 62 RenderBR {BR} at (660,23) size 0x22 | 62 LayoutBR {BR} at (660,23) size 0x22 |
| 63 RenderText {#text} at (0,46) size 401x22 | 63 RenderText {#text} at (0,46) size 401x22 |
| 64 text run at (0,46) width 401: "The wrapping container has a solid silv
er border." | 64 text run at (0,46) width 401: "The wrapping container has a solid silv
er border." |
| 65 layer at (129,210) size 440x20 | 65 layer at (129,210) size 440x20 |
| 66 RenderBlock {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | 66 RenderBlock {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] |
| 67 RenderText {#text} at (0,0) size 161x19 | 67 RenderText {#text} at (0,0) size 161x19 |
| 68 text run at (0,0) width 161: "<div> with 'overflow: auto'" | 68 text run at (0,0) width 161: "<div> with 'overflow: auto'" |
| 69 layer at (129,256) size 440x20 | 69 layer at (129,256) size 440x20 |
| 70 RenderBlock {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | 70 RenderBlock {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] |
| 71 RenderText {#text} at (0,0) size 161x19 | 71 RenderText {#text} at (0,0) size 161x19 |
| 72 text run at (0,0) width 161: "<div> with 'overflow: auto'" | 72 text run at (0,0) width 161: "<div> with 'overflow: auto'" |
| (...skipping 14 matching lines...) Expand all Loading... |
| 87 RenderText {#text} at (0,0) size 161x19 | 87 RenderText {#text} at (0,0) size 161x19 |
| 88 text run at (0,0) width 161: "<div> with 'overflow: auto'" | 88 text run at (0,0) width 161: "<div> with 'overflow: auto'" |
| 89 layer at (129,486) size 440x20 | 89 layer at (129,486) size 440x20 |
| 90 RenderBlock {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] | 90 RenderBlock {DIV} at (105,5) size 440x20 [bgcolor=#FFA500] |
| 91 RenderText {#text} at (0,0) size 161x19 | 91 RenderText {#text} at (0,0) size 161x19 |
| 92 text run at (0,0) width 161: "<div> with 'overflow: auto'" | 92 text run at (0,0) width 161: "<div> with 'overflow: auto'" |
| 93 layer at (129,532) size 390x20 | 93 layer at (129,532) size 390x20 |
| 94 RenderBlock {DIV} at (105,5) size 390x20 [bgcolor=#FFA500] | 94 RenderBlock {DIV} at (105,5) size 390x20 [bgcolor=#FFA500] |
| 95 RenderText {#text} at (0,0) size 161x19 | 95 RenderText {#text} at (0,0) size 161x19 |
| 96 text run at (0,0) width 161: "<div> with 'overflow: auto'" | 96 text run at (0,0) width 161: "<div> with 'overflow: auto'" |
| OLD | NEW |