OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1547 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1639 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x1547 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x1639 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 RenderBlock {HTML} at (0,0) size 785x1547.25 | 4 RenderBlock {HTML} at (0,0) size 785x1639.25 |
5 RenderBody {BODY} at (8,8) size 769x1531.25 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x1623.25 [bgcolor=#CCCCCC] |
6 RenderBlock {P} at (0,0) size 769x16 | 6 RenderBlock {P} at (0,0) size 769x18 |
7 RenderText {#text} at (0,0) size 363x16 | 7 RenderText {#text} at (0,0) size 363x18 |
8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
9 RenderBlock {PRE} at (0,29) size 769x104 | 9 RenderBlock {PRE} at (0,31) size 769x120 |
10 RenderText {#text} at (0,0) size 383x104 | 10 RenderText {#text} at (0,0) size 383x120 |
11 text run at (0,0) width 375: ".zero {background-color: silver; margin-
top: 0;}" | 11 text run at (0,0) width 375: ".zero {background-color: silver; margin-
top: 0;}" |
12 text run at (374,0) width 1: " " | 12 text run at (374,0) width 1: " " |
13 text run at (0,13) width 383: ".one {margin-top: 0.5in; background-col
or: aqua;}" | 13 text run at (0,15) width 383: ".one {margin-top: 0.5in; background-col
or: aqua;}" |
14 text run at (382,13) width 1: " " | 14 text run at (382,15) width 1: " " |
15 text run at (0,26) width 375: ".two {margin-top: 25px; background-colo
r: aqua;}" | 15 text run at (0,30) width 375: ".two {margin-top: 25px; background-colo
r: aqua;}" |
16 text run at (374,26) width 1: " " | 16 text run at (374,30) width 1: " " |
17 text run at (0,39) width 383: ".three {margin-top: 5em; background-col
or: aqua;}" | 17 text run at (0,45) width 383: ".three {margin-top: 5em; background-col
or: aqua;}" |
18 text run at (382,39) width 1: " " | 18 text run at (382,45) width 1: " " |
19 text run at (0,52) width 375: ".four {margin-top: 25%; background-colo
r: aqua;}" | 19 text run at (0,60) width 375: ".four {margin-top: 25%; background-colo
r: aqua;}" |
20 text run at (374,52) width 1: " " | 20 text run at (374,60) width 1: " " |
21 text run at (0,65) width 196: ".five {margin-top: 25px;}" | 21 text run at (0,75) width 196: ".five {margin-top: 25px;}" |
22 text run at (195,65) width 1: " " | 22 text run at (195,75) width 1: " " |
23 text run at (0,78) width 383: ".six {margin-top: -10px; background-col
or: aqua;}" | 23 text run at (0,90) width 383: ".six {margin-top: -10px; background-col
or: aqua;}" |
24 text run at (382,78) width 1: " " | 24 text run at (382,90) width 1: " " |
25 text run at (0,91) width 196: "P, UL {margin-bottom: 0;}" | 25 text run at (0,105) width 196: "P, UL {margin-bottom: 0;}" |
26 text run at (195,91) width 1: " " | 26 text run at (195,105) width 1: " " |
27 RenderBlock {HR} at (0,146) size 769x2 [border: (1px inset #EEEEEE)] | 27 RenderBlock {HR} at (0,164) size 769x2 [border: (1px inset #EEEEEE)] |
28 RenderBlock {P} at (0,156) size 769x16 [bgcolor=#C0C0C0] | 28 RenderBlock {P} at (0,174) size 769x18 [bgcolor=#C0C0C0] |
29 RenderText {#text} at (0,0) size 208x16 | 29 RenderText {#text} at (0,0) size 208x18 |
30 text run at (0,0) width 208: "This element has a class of zero." | 30 text run at (0,0) width 208: "This element has a class of zero." |
31 RenderBlock {P} at (0,172) size 769x16 [bgcolor=#C0C0C0] | 31 RenderBlock {P} at (0,192) size 769x18 [bgcolor=#C0C0C0] |
32 RenderText {#text} at (0,0) size 238x16 | 32 RenderText {#text} at (0,0) size 238x18 |
33 text run at (0,0) width 238: "This element also has a class of zero." | 33 text run at (0,0) width 238: "This element also has a class of zero." |
34 RenderBlock {P} at (0,236) size 769x32 [bgcolor=#00FFFF] | 34 RenderBlock {P} at (0,258) size 769x36 [bgcolor=#00FFFF] |
35 RenderText {#text} at (0,0) size 727x32 | 35 RenderText {#text} at (0,0) size 727x36 |
36 text run at (0,0) width 727: "This element should have a top margin of
half an inch, which will require extra text in order to make sure that the" | 36 text run at (0,0) width 727: "This element should have a top margin of
half an inch, which will require extra text in order to make sure that the" |
37 text run at (0,16) width 209: "margin isn't applied to each line." | 37 text run at (0,18) width 209: "margin isn't applied to each line." |
38 RenderBlock {P} at (0,293) size 769x32 [bgcolor=#00FFFF] | 38 RenderBlock {P} at (0,319) size 769x36 [bgcolor=#00FFFF] |
39 RenderText {#text} at (0,0) size 759x32 | 39 RenderText {#text} at (0,0) size 759x36 |
40 text run at (0,0) width 759: "This element should have a top margin of
25 pixels, which will require extra text in order to make sure that the margin" | 40 text run at (0,0) width 759: "This element should have a top margin of
25 pixels, which will require extra text in order to make sure that the margin" |
41 text run at (0,16) width 159: "isn't applied to each line." | 41 text run at (0,18) width 159: "isn't applied to each line." |
42 RenderBlock {P} at (0,405) size 769x32 [bgcolor=#00FFFF] | 42 RenderBlock {P} at (0,435) size 769x36 [bgcolor=#00FFFF] |
43 RenderText {#text} at (0,0) size 762x32 | 43 RenderText {#text} at (0,0) size 762x36 |
44 text run at (0,0) width 762: "This element should have a top margin of
5 em, which will require extra text in order to make sure that the margin isn't
" | 44 text run at (0,0) width 762: "This element should have a top margin of
5 em, which will require extra text in order to make sure that the margin isn't
" |
45 text run at (0,16) width 129: "applied to each line." | 45 text run at (0,18) width 129: "applied to each line." |
46 RenderBlock {P} at (0,629.25) size 769x32 [bgcolor=#00FFFF] | 46 RenderBlock {P} at (0,663.25) size 769x36 [bgcolor=#00FFFF] |
47 RenderText {#text} at (0,0) size 769x32 | 47 RenderText {#text} at (0,0) size 769x36 |
48 text run at (0,0) width 740: "This element should have a top margin of
25%, which is calculated with respect to the width of the parent element. " | 48 text run at (0,0) width 740: "This element should have a top margin of
25%, which is calculated with respect to the width of the parent element. " |
49 text run at (739,0) width 30: "This" | 49 text run at (739,0) width 30: "This" |
50 text run at (0,16) width 240: "will require extra text in order to tes
t." | 50 text run at (0,18) width 240: "will require extra text in order to tes
t." |
51 RenderBlock {UL} at (0,686.25) size 769x89 [bgcolor=#00FFFF] | 51 RenderBlock {UL} at (0,724.25) size 769x97 [bgcolor=#00FFFF] |
52 RenderListItem {LI} at (40,0) size 729x16 | 52 RenderListItem {LI} at (40,0) size 729x18 |
53 RenderListMarker at (-16,0) size 6x16: bullet | 53 RenderListMarker at (-17,0) size 7x18: bullet |
54 RenderText {#text} at (0,0) size 408x16 | 54 RenderText {#text} at (0,0) size 408x18 |
55 text run at (0,0) width 408: "This list has a margin-top of 25px, an
d a light blue background." | 55 text run at (0,0) width 408: "This list has a margin-top of 25px, an
d a light blue background." |
56 RenderListItem {LI} at (40,16) size 729x16 | 56 RenderListItem {LI} at (40,18) size 729x18 |
57 RenderListMarker at (-16,0) size 6x16: bullet | 57 RenderListMarker at (-17,0) size 7x18: bullet |
58 RenderText {#text} at (0,0) size 269x16 | 58 RenderText {#text} at (0,0) size 269x18 |
59 text run at (0,0) width 269: "Therefore, it ought to have such a mar
gin." | 59 text run at (0,0) width 269: "Therefore, it ought to have such a mar
gin." |
60 RenderListItem {LI} at (40,57) size 729x16 | 60 RenderListItem {LI} at (40,61) size 729x18 |
61 RenderListMarker at (-16,0) size 6x16: bullet | 61 RenderListMarker at (-17,0) size 7x18: bullet |
62 RenderText {#text} at (0,0) size 580x16 | 62 RenderText {#text} at (0,0) size 580x18 |
63 text run at (0,0) width 580: "This list item has a top margin of 25p
x, which should cause it to be offset in some fashion." | 63 text run at (0,0) width 580: "This list item has a top margin of 25p
x, which should cause it to be offset in some fashion." |
64 RenderListItem {LI} at (40,73) size 729x16 | 64 RenderListItem {LI} at (40,79) size 729x18 |
65 RenderListMarker at (-16,0) size 6x16: bullet | 65 RenderListMarker at (-17,0) size 7x18: bullet |
66 RenderText {#text} at (0,0) size 304x16 | 66 RenderText {#text} at (0,0) size 304x18 |
67 text run at (0,0) width 304: "This list item has no special styles a
pplied to it." | 67 text run at (0,0) width 304: "This list item has no special styles a
pplied to it." |
68 RenderBlock {P} at (0,775.25) size 769x16 [bgcolor=#C0C0C0] | 68 RenderBlock {P} at (0,821.25) size 769x18 [bgcolor=#C0C0C0] |
69 RenderText {#text} at (0,0) size 208x16 | 69 RenderText {#text} at (0,0) size 208x18 |
70 text run at (0,0) width 208: "This element has a class of zero." | 70 text run at (0,0) width 208: "This element has a class of zero." |
71 RenderBlock {P} at (0,781.25) size 769x48 [bgcolor=#00FFFF] | 71 RenderBlock {P} at (0,829.25) size 769x54 [bgcolor=#00FFFF] |
72 RenderText {#text} at (0,0) size 759x48 | 72 RenderText {#text} at (0,0) size 759x54 |
73 text run at (0,0) width 725: "This element has a top margin of -10px,
which should cause it to be shifted \"upward\" on the page, and no bottom" | 73 text run at (0,0) width 725: "This element has a top margin of -10px,
which should cause it to be shifted \"upward\" on the page, and no bottom" |
74 text run at (0,16) width 54: "margin. " | 74 text run at (0,18) width 54: "margin. " |
75 text run at (53,16) width 498: "No other styles have been applied to i
t besides a light blue background color. " | 75 text run at (53,18) width 498: "No other styles have been applied to i
t besides a light blue background color. " |
76 text run at (550,16) width 209: "In all other respects, the element" | 76 text run at (550,18) width 209: "In all other respects, the element" |
77 text run at (0,32) width 116: "should be normal." | 77 text run at (0,36) width 116: "should be normal." |
78 LayoutTable {TABLE} at (0,829.25) size 769x702 [border: (1px outset #80808
0)] | 78 LayoutTable {TABLE} at (0,883.25) size 769x740 [border: (1px outset #80808
0)] |
79 LayoutTableSection {TBODY} at (1,1) size 767x700 | 79 LayoutTableSection {TBODY} at (1,1) size 767x738 |
80 LayoutTableRow {TR} at (0,0) size 767x24 | 80 LayoutTableRow {TR} at (0,0) size 767x26 |
81 LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 81 LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
82 RenderInline {STRONG} at (0,0) size 163x16 | 82 RenderInline {STRONG} at (0,0) size 163x18 |
83 RenderText {#text} at (4,4) size 163x16 | 83 RenderText {#text} at (4,4) size 163x18 |
84 text run at (4,4) width 163: "TABLE Testing Section" | 84 text run at (4,4) width 163: "TABLE Testing Section" |
85 LayoutTableRow {TR} at (0,24) size 767x676 | 85 LayoutTableRow {TR} at (0,26) size 767x712 |
86 LayoutTableCell {TD} at (0,350) size 12x24 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 86 LayoutTableCell {TD} at (0,369) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
87 RenderText {#text} at (4,4) size 4x16 | 87 RenderText {#text} at (4,4) size 4x18 |
88 text run at (4,4) width 4: " " | 88 text run at (4,4) width 4: " " |
89 LayoutTableCell {TD} at (12,24) size 755x675.75 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] | 89 LayoutTableCell {TD} at (12,26) size 755x711.75 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] |
90 RenderBlock {P} at (4,4) size 747x16 [bgcolor=#C0C0C0] | 90 RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0] |
91 RenderText {#text} at (0,0) size 208x16 | 91 RenderText {#text} at (0,0) size 208x18 |
92 text run at (0,0) width 208: "This element has a class of zero
." | 92 text run at (0,0) width 208: "This element has a class of zero
." |
93 RenderBlock {P} at (4,20) size 747x16 [bgcolor=#C0C0C0] | 93 RenderBlock {P} at (4,22) size 747x18 [bgcolor=#C0C0C0] |
94 RenderText {#text} at (0,0) size 238x16 | 94 RenderText {#text} at (0,0) size 238x18 |
95 text run at (0,0) width 238: "This element also has a class of
zero." | 95 text run at (0,0) width 238: "This element also has a class of
zero." |
96 RenderBlock {P} at (4,84) size 747x32 [bgcolor=#00FFFF] | 96 RenderBlock {P} at (4,88) size 747x36 [bgcolor=#00FFFF] |
97 RenderText {#text} at (0,0) size 727x32 | 97 RenderText {#text} at (0,0) size 727x36 |
98 text run at (0,0) width 727: "This element should have a top m
argin of half an inch, which will require extra text in order to make sure that
the" | 98 text run at (0,0) width 727: "This element should have a top m
argin of half an inch, which will require extra text in order to make sure that
the" |
99 text run at (0,16) width 209: "margin isn't applied to each li
ne." | 99 text run at (0,18) width 209: "margin isn't applied to each li
ne." |
100 RenderBlock {P} at (4,141) size 747x32 [bgcolor=#00FFFF] | 100 RenderBlock {P} at (4,149) size 747x36 [bgcolor=#00FFFF] |
101 RenderText {#text} at (0,0) size 710x32 | 101 RenderText {#text} at (0,0) size 710x36 |
102 text run at (0,0) width 710: "This element should have a top m
argin of 25 pixels, which will require extra text in order to make sure that the
" | 102 text run at (0,0) width 710: "This element should have a top m
argin of 25 pixels, which will require extra text in order to make sure that the
" |
103 text run at (0,16) width 209: "margin isn't applied to each li
ne." | 103 text run at (0,18) width 209: "margin isn't applied to each li
ne." |
104 RenderBlock {P} at (4,253) size 747x32 [bgcolor=#00FFFF] | 104 RenderBlock {P} at (4,265) size 747x36 [bgcolor=#00FFFF] |
105 RenderText {#text} at (0,0) size 732x32 | 105 RenderText {#text} at (0,0) size 732x36 |
106 text run at (0,0) width 732: "This element should have a top m
argin of 5 em, which will require extra text in order to make sure that the marg
in" | 106 text run at (0,0) width 732: "This element should have a top m
argin of 5 em, which will require extra text in order to make sure that the marg
in" |
107 text run at (0,16) width 159: "isn't applied to each line." | 107 text run at (0,18) width 159: "isn't applied to each line." |
108 RenderBlock {P} at (4,471.75) size 747x32 [bgcolor=#00FFFF] | 108 RenderBlock {P} at (4,487.75) size 747x36 [bgcolor=#00FFFF] |
109 RenderText {#text} at (0,0) size 736x32 | 109 RenderText {#text} at (0,0) size 736x36 |
110 text run at (0,0) width 736: "This element should have a top m
argin of 25%, which is calculated with respect to the width of the parent elemen
t." | 110 text run at (0,0) width 736: "This element should have a top m
argin of 25%, which is calculated with respect to the width of the parent elemen
t." |
111 text run at (0,16) width 272: "This will require extra text in
order to test." | 111 text run at (0,18) width 272: "This will require extra text in
order to test." |
112 RenderBlock {UL} at (4,528.75) size 747x89 [bgcolor=#00FFFF] | 112 RenderBlock {UL} at (4,548.75) size 747x97 [bgcolor=#00FFFF] |
113 RenderListItem {LI} at (40,0) size 707x16 | 113 RenderListItem {LI} at (40,0) size 707x18 |
114 RenderListMarker at (-16,0) size 6x16: bullet | 114 RenderListMarker at (-17,0) size 7x18: bullet |
115 RenderText {#text} at (0,0) size 408x16 | 115 RenderText {#text} at (0,0) size 408x18 |
116 text run at (0,0) width 408: "This list has a margin-top of
25px, and a light blue background." | 116 text run at (0,0) width 408: "This list has a margin-top of
25px, and a light blue background." |
117 RenderListItem {LI} at (40,16) size 707x16 | 117 RenderListItem {LI} at (40,18) size 707x18 |
118 RenderListMarker at (-16,0) size 6x16: bullet | 118 RenderListMarker at (-17,0) size 7x18: bullet |
119 RenderText {#text} at (0,0) size 269x16 | 119 RenderText {#text} at (0,0) size 269x18 |
120 text run at (0,0) width 269: "Therefore, it ought to have su
ch a margin." | 120 text run at (0,0) width 269: "Therefore, it ought to have su
ch a margin." |
121 RenderListItem {LI} at (40,57) size 707x16 | 121 RenderListItem {LI} at (40,61) size 707x18 |
122 RenderListMarker at (-16,0) size 6x16: bullet | 122 RenderListMarker at (-17,0) size 7x18: bullet |
123 RenderText {#text} at (0,0) size 580x16 | 123 RenderText {#text} at (0,0) size 580x18 |
124 text run at (0,0) width 580: "This list item has a top margi
n of 25px, which should cause it to be offset in some fashion." | 124 text run at (0,0) width 580: "This list item has a top margi
n of 25px, which should cause it to be offset in some fashion." |
125 RenderListItem {LI} at (40,73) size 707x16 | 125 RenderListItem {LI} at (40,79) size 707x18 |
126 RenderListMarker at (-16,0) size 6x16: bullet | 126 RenderListMarker at (-17,0) size 7x18: bullet |
127 RenderText {#text} at (0,0) size 304x16 | 127 RenderText {#text} at (0,0) size 304x18 |
128 text run at (0,0) width 304: "This list item has no special
styles applied to it." | 128 text run at (0,0) width 304: "This list item has no special
styles applied to it." |
129 RenderBlock {P} at (4,617.75) size 747x16 [bgcolor=#C0C0C0] | 129 RenderBlock {P} at (4,645.75) size 747x18 [bgcolor=#C0C0C0] |
130 RenderText {#text} at (0,0) size 208x16 | 130 RenderText {#text} at (0,0) size 208x18 |
131 text run at (0,0) width 208: "This element has a class of zero
." | 131 text run at (0,0) width 208: "This element has a class of zero
." |
132 RenderBlock {P} at (4,623.75) size 747x48 [bgcolor=#00FFFF] | 132 RenderBlock {P} at (4,653.75) size 747x54 [bgcolor=#00FFFF] |
133 RenderText {#text} at (0,0) size 725x48 | 133 RenderText {#text} at (0,0) size 725x54 |
134 text run at (0,0) width 725: "This element has a top margin of
-10px, which should cause it to be shifted \"upward\" on the page, and no botto
m" | 134 text run at (0,0) width 725: "This element has a top margin of
-10px, which should cause it to be shifted \"upward\" on the page, and no botto
m" |
135 text run at (0,16) width 54: "margin. " | 135 text run at (0,18) width 54: "margin. " |
136 text run at (53,16) width 498: "No other styles have been appl
ied to it besides a light blue background color. " | 136 text run at (53,18) width 498: "No other styles have been appl
ied to it besides a light blue background color. " |
137 text run at (550,16) width 154: "In all other respects, the" | 137 text run at (550,18) width 154: "In all other respects, the" |
138 text run at (0,32) width 170: "element should be normal." | 138 text run at (0,36) width 170: "element should be normal." |
OLD | NEW |