OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1071 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1171 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x1071 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x1171 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 785x1071 | 4 RenderBlock {HTML} at (0,0) size 785x1171 |
5 RenderBody {BODY} at (8,8) size 769x1055 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x1155 [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,32) size 769x78 | 9 RenderBlock {PRE} at (0,34) size 769x90 |
10 RenderText {#text} at (0,0) size 562x78 | 10 RenderText {#text} at (0,0) size 562x90 |
11 text run at (0,0) width 398: ".zero {background-color: silver; padding
-right: 0;}" | 11 text run at (0,0) width 398: ".zero {background-color: silver; padding
-right: 0;}" |
12 text run at (397,0) width 1: " " | 12 text run at (397,0) width 1: " " |
13 text run at (0,13) width 554: ".one {padding-right: 0.5in; text-align:
right; background-color: aqua;}" | 13 text run at (0,15) width 554: ".one {padding-right: 0.5in; text-align:
right; background-color: aqua;}" |
14 text run at (553,13) width 1: " " | 14 text run at (553,15) width 1: " " |
15 text run at (0,26) width 547: ".two {padding-right: 25px; text-align:
right; background-color: aqua;}" | 15 text run at (0,30) width 547: ".two {padding-right: 25px; text-align:
right; background-color: aqua;}" |
16 text run at (546,26) width 1: " " | 16 text run at (546,30) width 1: " " |
17 text run at (0,39) width 554: ".three {padding-right: 5em; text-align:
right; background-color: aqua;}" | 17 text run at (0,45) width 554: ".three {padding-right: 5em; text-align:
right; background-color: aqua;}" |
18 text run at (553,39) width 1: " " | 18 text run at (553,45) width 1: " " |
19 text run at (0,52) width 547: ".four {padding-right: 25%; text-align:
right; background-color: aqua;}" | 19 text run at (0,60) width 547: ".four {padding-right: 25%; text-align:
right; background-color: aqua;}" |
20 text run at (546,52) width 1: " " | 20 text run at (546,60) width 1: " " |
21 text run at (0,65) width 562: ".five {padding-right: -20px; text-align
: right; background-color: aqua;}" | 21 text run at (0,75) width 562: ".five {padding-right: -20px; text-align
: right; background-color: aqua;}" |
22 text run at (561,65) width 1: " " | 22 text run at (561,75) width 1: " " |
23 RenderBlock {HR} at (0,123) size 769x2 [border: (1px inset #EEEEEE)] | 23 RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #EEEEEE)] |
24 RenderBlock {P} at (0,141) size 769x16 [bgcolor=#C0C0C0] | 24 RenderBlock {P} at (0,155) size 769x18 [bgcolor=#C0C0C0] |
25 RenderText {#text} at (0,0) size 208x16 | 25 RenderText {#text} at (0,0) size 208x18 |
26 text run at (0,0) width 208: "This element has a class of zero." | 26 text run at (0,0) width 208: "This element has a class of zero." |
27 RenderBlock {P} at (0,173) size 769x48 [bgcolor=#00FFFF] | 27 RenderBlock {P} at (0,189) size 769x54 [bgcolor=#00FFFF] |
28 RenderText {#text} at (10,0) size 711x48 | 28 RenderText {#text} at (10,0) size 711x54 |
29 text run at (10,0) width 657: "This element should have a right paddin
g of half an inch, which will require extra text in order to test. " | 29 text run at (10,0) width 657: "This element should have a right paddin
g of half an inch, which will require extra text in order to test. " |
30 text run at (666,0) width 55: "Both the" | 30 text run at (666,0) width 55: "Both the" |
31 text run at (34,16) width 418: "content background and the padding sho
uld be aqua (light blue). " | 31 text run at (34,18) width 418: "content background and the padding sho
uld be aqua (light blue). " |
32 text run at (451,16) width 270: "The text has been right-aligned in or
der to" | 32 text run at (451,18) width 270: "The text has been right-aligned in or
der to" |
33 text run at (486,32) width 235: "make the right padding easier to see.
" | 33 text run at (486,36) width 235: "make the right padding easier to see.
" |
34 RenderBlock {P} at (0,237) size 769x48 [bgcolor=#00FFFF] | 34 RenderBlock {P} at (0,259) size 769x54 [bgcolor=#00FFFF] |
35 RenderText {#text} at (50,0) size 725x48 | 35 RenderText {#text} at (50,0) size 725x54 |
36 text run at (50,0) width 640: "This element should have a right paddin
g of 25 pixels, which will require extra text in order to test. " | 36 text run at (50,0) width 640: "This element should have a right paddin
g of 25 pixels, which will require extra text in order to test. " |
37 text run at (689,0) width 55: "Both the" | 37 text run at (689,0) width 55: "Both the" |
38 text run at (19,16) width 417: "content background and the padding sho
uld be aqua (light blue). " | 38 text run at (19,18) width 417: "content background and the padding sho
uld be aqua (light blue). " |
39 text run at (435,16) width 309: "The text has been right-aligned in or
der to make" | 39 text run at (435,18) width 309: "The text has been right-aligned in or
der to make" |
40 text run at (548,32) width 196: "the right padding easier to see." | 40 text run at (548,36) width 196: "the right padding easier to see." |
41 RenderBlock {P} at (0,301) size 769x48 [bgcolor=#00FFFF] | 41 RenderBlock {P} at (0,329) size 769x54 [bgcolor=#00FFFF] |
42 RenderText {#text} at (22,0) size 687x48 | 42 RenderText {#text} at (22,0) size 687x54 |
43 text run at (22,0) width 613: "This element should have a right paddin
g of 5 em, which will require extra text in order to test. " | 43 text run at (22,0) width 613: "This element should have a right paddin
g of 5 em, which will require extra text in order to test. " |
44 text run at (634,0) width 55: "Both the" | 44 text run at (634,0) width 55: "Both the" |
45 text run at (2,16) width 418: "content background and the padding shou
ld be aqua (light blue). " | 45 text run at (2,18) width 418: "content background and the padding shou
ld be aqua (light blue). " |
46 text run at (419,16) width 270: "The text has been right-aligned in or
der to" | 46 text run at (419,18) width 270: "The text has been right-aligned in or
der to" |
47 text run at (454,32) width 235: "make the right padding easier to see.
" | 47 text run at (454,36) width 235: "make the right padding easier to see.
" |
48 RenderBlock {P} at (0,365) size 769x64 [bgcolor=#00FFFF] | 48 RenderBlock {P} at (0,399) size 769x72 [bgcolor=#00FFFF] |
49 RenderText {#text} at (8,0) size 576x64 | 49 RenderText {#text} at (8,0) size 576x72 |
50 text run at (8,0) width 569: "This element should have a right padding
of 25%, which is calculated with respect to the" | 50 text run at (8,0) width 569: "This element should have a right padding
of 25%, which is calculated with respect to the" |
51 text run at (1,16) width 185: "width of the parent element. " | 51 text run at (1,18) width 185: "width of the parent element. " |
52 text run at (185,16) width 392: "Both the content background and the p
adding should be aqua" | 52 text run at (185,18) width 392: "Both the content background and the p
adding should be aqua" |
53 text run at (17,32) width 81: "(light blue). " | 53 text run at (17,36) width 81: "(light blue). " |
54 text run at (97,32) width 480: "The text has been right-aligned in ord
er to make the right padding easier to" | 54 text run at (97,36) width 480: "The text has been right-aligned in ord
er to make the right padding easier to" |
55 text run at (552,48) width 25: "see." | 55 text run at (552,54) width 25: "see." |
56 RenderBlock {UL} at (0,445) size 769x64 [bgcolor=#808080] | 56 RenderBlock {UL} at (0,487) size 769x72 [bgcolor=#808080] |
57 RenderListItem {LI} at (40,0) size 704x32 | 57 RenderListItem {LI} at (40,0) size 704x36 |
58 RenderListMarker at (-16,0) size 6x16: bullet | 58 RenderListMarker at (-17,0) size 7x18: bullet |
59 RenderText {#text} at (8,0) size 696x32 | 59 RenderText {#text} at (8,0) size 696x36 |
60 text run at (8,0) width 696: "The right padding on this unordered li
st has been set to 25 pixels, which will require some extra text in order" | 60 text run at (8,0) width 696: "The right padding on this unordered li
st has been set to 25 pixels, which will require some extra text in order" |
61 text run at (661,16) width 43: "to test." | 61 text run at (661,18) width 43: "to test." |
62 RenderListItem {LI} at (40,32) size 704x32 [bgcolor=#FFFFFF] | 62 RenderListItem {LI} at (40,36) size 704x36 [bgcolor=#FFFFFF] |
63 RenderListMarker at (-16,0) size 6x16: bullet | 63 RenderListMarker at (-17,0) size 7x18: bullet |
64 RenderText {#text} at (5,0) size 674x32 | 64 RenderText {#text} at (5,0) size 674x36 |
65 text run at (5,0) width 674: "This list item has a right padding of
25 pixels, which will appear to the left of the gray padding of the UL" | 65 text run at (5,0) width 674: "This list item has a right padding of
25 pixels, which will appear to the left of the gray padding of the UL" |
66 text run at (624,16) width 55: "element." | 66 text run at (624,18) width 55: "element." |
67 RenderBlock {P} at (0,525) size 769x48 [bgcolor=#00FFFF] | 67 RenderBlock {P} at (0,575) size 769x54 [bgcolor=#00FFFF] |
68 RenderText {#text} at (79,0) size 747x48 | 68 RenderText {#text} at (79,0) size 747x54 |
69 text run at (79,0) width 585: "This element should have no right paddi
ng, since negative padding values are not allowed. " | 69 text run at (79,0) width 585: "This element should have no right paddi
ng, since negative padding values are not allowed. " |
70 text run at (663,0) width 106: "Both the content" | 70 text run at (663,0) width 106: "Both the content" |
71 text run at (22,16) width 416: "background and the normal padding shou
ld be aqua (light blue). " | 71 text run at (22,18) width 416: "background and the normal padding shou
ld be aqua (light blue). " |
72 text run at (437,16) width 332: "The text has been right-aligned in or
der to make the" | 72 text run at (437,18) width 332: "The text has been right-aligned in or
der to make the" |
73 text run at (549,32) width 220: "lack of right padding easier to see." | 73 text run at (549,36) width 220: "lack of right padding easier to see." |
74 LayoutTable {TABLE} at (0,589) size 769x466 [border: (1px outset #808080)] | 74 LayoutTable {TABLE} at (0,645) size 769x510 [border: (1px outset #808080)] |
75 LayoutTableSection {TBODY} at (1,1) size 767x464 | 75 LayoutTableSection {TBODY} at (1,1) size 767x508 |
76 LayoutTableRow {TR} at (0,0) size 767x24 | 76 LayoutTableRow {TR} at (0,0) size 767x26 |
77 LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 77 LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
78 RenderInline {STRONG} at (0,0) size 163x16 | 78 RenderInline {STRONG} at (0,0) size 163x18 |
79 RenderText {#text} at (4,4) size 163x16 | 79 RenderText {#text} at (4,4) size 163x18 |
80 text run at (4,4) width 163: "TABLE Testing Section" | 80 text run at (4,4) width 163: "TABLE Testing Section" |
81 LayoutTableRow {TR} at (0,24) size 767x440 | 81 LayoutTableRow {TR} at (0,26) size 767x482 |
82 LayoutTableCell {TD} at (0,232) size 12x24 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 82 LayoutTableCell {TD} at (0,254) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
83 RenderText {#text} at (4,4) size 4x16 | 83 RenderText {#text} at (4,4) size 4x18 |
84 text run at (4,4) width 4: " " | 84 text run at (4,4) width 4: " " |
85 LayoutTableCell {TD} at (12,24) size 755x440 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 85 LayoutTableCell {TD} at (12,26) size 755x482 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] |
86 RenderBlock {P} at (4,4) size 747x16 [bgcolor=#C0C0C0] | 86 RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0] |
87 RenderText {#text} at (0,0) size 208x16 | 87 RenderText {#text} at (0,0) size 208x18 |
88 text run at (0,0) width 208: "This element has a class of zero
." | 88 text run at (0,0) width 208: "This element has a class of zero
." |
89 RenderBlock {P} at (4,36) size 747x48 [bgcolor=#00FFFF] | 89 RenderBlock {P} at (4,38) size 747x54 [bgcolor=#00FFFF] |
90 RenderText {#text} at (12,0) size 694x48 | 90 RenderText {#text} at (12,0) size 694x54 |
91 text run at (12,0) width 656: "This element should have a righ
t padding of half an inch, which will require extra text in order to test. " | 91 text run at (12,0) width 656: "This element should have a righ
t padding of half an inch, which will require extra text in order to test. " |
92 text run at (667,0) width 32: "Both" | 92 text run at (667,0) width 32: "Both" |
93 text run at (5,16) width 441: "the content background and the
padding should be aqua (light blue). " | 93 text run at (5,18) width 441: "the content background and the
padding should be aqua (light blue). " |
94 text run at (445,16) width 254: "The text has been right-align
ed in order" | 94 text run at (445,18) width 254: "The text has been right-align
ed in order" |
95 text run at (448,32) width 251: "to make the right padding eas
ier to see." | 95 text run at (448,36) width 251: "to make the right padding eas
ier to see." |
96 RenderBlock {P} at (4,100) size 747x48 [bgcolor=#00FFFF] | 96 RenderBlock {P} at (4,108) size 747x54 [bgcolor=#00FFFF] |
97 RenderText {#text} at (28,0) size 694x48 | 97 RenderText {#text} at (28,0) size 694x54 |
98 text run at (28,0) width 640: "This element should have a righ
t padding of 25 pixels, which will require extra text in order to test. " | 98 text run at (28,0) width 640: "This element should have a righ
t padding of 25 pixels, which will require extra text in order to test. " |
99 text run at (667,0) width 55: "Both the" | 99 text run at (667,0) width 55: "Both the" |
100 text run at (35,16) width 418: "content background and the pad
ding should be aqua (light blue). " | 100 text run at (35,18) width 418: "content background and the pad
ding should be aqua (light blue). " |
101 text run at (452,16) width 270: "The text has been right-align
ed in order to" | 101 text run at (452,18) width 270: "The text has been right-align
ed in order to" |
102 text run at (487,32) width 235: "make the right padding easier
to see." | 102 text run at (487,36) width 235: "make the right padding easier
to see." |
103 RenderBlock {P} at (4,164) size 747x48 [bgcolor=#00FFFF] | 103 RenderBlock {P} at (4,178) size 747x54 [bgcolor=#00FFFF] |
104 RenderText {#text} at (0,0) size 667x48 | 104 RenderText {#text} at (0,0) size 667x54 |
105 text run at (0,0) width 613: "This element should have a right
padding of 5 em, which will require extra text in order to test. " | 105 text run at (0,0) width 613: "This element should have a right
padding of 5 em, which will require extra text in order to test. " |
106 text run at (612,0) width 55: "Both the" | 106 text run at (612,0) width 55: "Both the" |
107 text run at (35,16) width 417: "content background and the pad
ding should be aqua (light blue). " | 107 text run at (35,18) width 417: "content background and the pad
ding should be aqua (light blue). " |
108 text run at (451,16) width 216: "The text has been right-align
ed in" | 108 text run at (451,18) width 216: "The text has been right-align
ed in" |
109 text run at (378,32) width 289: "order to make the right paddi
ng easier to see." | 109 text run at (378,36) width 289: "order to make the right paddi
ng easier to see." |
110 RenderBlock {P} at (4,228) size 747x64 [bgcolor=#00FFFF] | 110 RenderBlock {P} at (4,248) size 747x72 [bgcolor=#00FFFF] |
111 RenderText {#text} at (15,0) size 556x64 | 111 RenderText {#text} at (15,0) size 556x72 |
112 text run at (15,0) width 546: "This element should have a righ
t padding of 25%, which is calculated with respect to" | 112 text run at (15,0) width 546: "This element should have a righ
t padding of 25%, which is calculated with respect to" |
113 text run at (14,16) width 209: "the width of the parent elemen
t. " | 113 text run at (14,18) width 209: "the width of the parent elemen
t. " |
114 text run at (222,16) width 339: "Both the content background a
nd the padding should" | 114 text run at (222,18) width 339: "Both the content background a
nd the padding should" |
115 text run at (5,32) width 134: "be aqua (light blue). " | 115 text run at (5,36) width 134: "be aqua (light blue). " |
116 text run at (138,32) width 423: "The text has been right-align
ed in order to make the right padding" | 116 text run at (138,36) width 423: "The text has been right-align
ed in order to make the right padding" |
117 text run at (478,48) width 83: "easier to see." | 117 text run at (478,54) width 83: "easier to see." |
118 RenderBlock {UL} at (4,308) size 747x64 [bgcolor=#808080] | 118 RenderBlock {UL} at (4,336) size 747x72 [bgcolor=#808080] |
119 RenderListItem {LI} at (40,0) size 682x32 | 119 RenderListItem {LI} at (40,0) size 682x36 |
120 RenderListMarker at (-16,0) size 6x16: bullet | 120 RenderListMarker at (-17,0) size 7x18: bullet |
121 RenderText {#text} at (24,0) size 658x32 | 121 RenderText {#text} at (24,0) size 658x36 |
122 text run at (24,0) width 658: "The right padding on this uno
rdered list has been set to 25 pixels, which will require some extra text in" | 122 text run at (24,0) width 658: "The right padding on this uno
rdered list has been set to 25 pixels, which will require some extra text in" |
123 text run at (601,16) width 81: "order to test." | 123 text run at (601,18) width 81: "order to test." |
124 RenderListItem {LI} at (40,32) size 682x32 [bgcolor=#FFFFFF] | 124 RenderListItem {LI} at (40,36) size 682x36 [bgcolor=#FFFFFF] |
125 RenderListMarker at (-16,0) size 6x16: bullet | 125 RenderListMarker at (-17,0) size 7x18: bullet |
126 RenderText {#text} at (9,0) size 648x32 | 126 RenderText {#text} at (9,0) size 648x36 |
127 text run at (9,0) width 648: "This list item has a right pad
ding of 25 pixels, which will appear to the left of the gray padding of the" | 127 text run at (9,0) width 648: "This list item has a right pad
ding of 25 pixels, which will appear to the left of the gray padding of the" |
128 text run at (577,16) width 80: "UL element." | 128 text run at (577,18) width 80: "UL element." |
129 RenderBlock {P} at (4,388) size 747x48 [bgcolor=#00FFFF] | 129 RenderBlock {P} at (4,424) size 747x54 [bgcolor=#00FFFF] |
130 RenderText {#text} at (57,0) size 747x48 | 130 RenderText {#text} at (57,0) size 747x54 |
131 text run at (57,0) width 585: "This element should have no rig
ht padding, since negative padding values are not allowed. " | 131 text run at (57,0) width 585: "This element should have no rig
ht padding, since negative padding values are not allowed. " |
132 text run at (641,0) width 106: "Both the content" | 132 text run at (641,0) width 106: "Both the content" |
133 text run at (0,16) width 416: "background and the normal paddi
ng should be aqua (light blue). " | 133 text run at (0,18) width 416: "background and the normal paddi
ng should be aqua (light blue). " |
134 text run at (415,16) width 332: "The text has been right-align
ed in order to make the" | 134 text run at (415,18) width 332: "The text has been right-align
ed in order to make the" |
135 text run at (527,32) width 220: "lack of right padding easier
to see." | 135 text run at (527,36) width 220: "lack of right padding easier
to see." |
OLD | NEW |