OLD | NEW |
1 layer at (0,0) size 800x600 scrollHeight 705 | 1 layer at (0,0) size 800x600 scrollHeight 775 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x705 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 | 3 layer at (0,0) size 800x775 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 |
4 RenderBlock {HTML} at (0,0) size 800x704.88 | 4 RenderBlock {HTML} at (0,0) size 800x774.88 |
5 RenderBody {BODY} at (8,8) size 784x688.88 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 784x758.88 [bgcolor=#CCCCCC] |
6 RenderBlock {P} at (0,0) size 784x16 | 6 RenderBlock {P} at (0,0) size 784x18 |
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 784x117 | 9 RenderBlock {PRE} at (0,31) size 784x135 |
10 RenderText {#text} at (0,0) size 601x117 | 10 RenderText {#text} at (0,0) size 601x135 |
11 text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align:
justify;}" | 11 text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align:
justify;}" |
12 text run at (382,0) width 1: " " | 12 text run at (382,0) width 1: " " |
13 text run at (0,13) width 0: " " | 13 text run at (0,15) width 0: " " |
14 text run at (0,26) width 375: "DIV.menu {float: left; clear: left; wid
th: 11em;" | 14 text run at (0,30) width 375: "DIV.menu {float: left; clear: left; wid
th: 11em;" |
15 text run at (374,26) width 1: " " | 15 text run at (374,30) width 1: " " |
16 text run at (0,39) width 453: " margin: 0; margin-bottom: 10p
x; padding: 0.5em;}" | 16 text run at (0,45) width 453: " margin: 0; margin-bottom: 10p
x; padding: 0.5em;}" |
17 text run at (452,39) width 1: " " | 17 text run at (452,45) width 1: " " |
18 text run at (0,52) width 422: "DIV.menu H1 {font-size: 1.2em; margin:
0; padding: 0;}" | 18 text run at (0,60) width 422: "DIV.menu H1 {font-size: 1.2em; margin:
0; padding: 0;}" |
19 text run at (421,52) width 1: " " | 19 text run at (421,60) width 1: " " |
20 text run at (0,65) width 437: "DIV.menu UL {margin: 0.2em 0.3em 0.2em
1em; padding: 0;}" | 20 text run at (0,75) width 437: "DIV.menu UL {margin: 0.2em 0.3em 0.2em
1em; padding: 0;}" |
21 text run at (436,65) width 1: " " | 21 text run at (436,75) width 1: " " |
22 text run at (0,78) width 601: "DIV.article {padding: 0.5em; margin: 0;
margin-left: 14em; margin-right: 2em;" | 22 text run at (0,90) width 601: "DIV.article {padding: 0.5em; margin: 0;
margin-left: 14em; margin-right: 2em;" |
23 text run at (600,78) width 1: " " | 23 text run at (600,90) width 1: " " |
24 text run at (0,91) width 469: " color: black; background:
yellow; clear: none;}" | 24 text run at (0,105) width 469: " color: black; background:
yellow; clear: none;}" |
25 text run at (468,91) width 1: " " | 25 text run at (468,105) width 1: " " |
26 text run at (0,104) width 0: " " | 26 text run at (0,120) width 0: " " |
27 RenderBlock {HR} at (0,159) size 784x2 [border: (1px inset #EEEEEE)] | 27 RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #EEEEEE)] |
28 RenderBlock (floating) {DIV} at (0,169) size 192x105.38 [color=#FFFFFF] [b
gcolor=#008000] | 28 RenderBlock (floating) {DIV} at (0,189) size 192x116.38 [color=#FFFFFF] [b
gcolor=#008000] |
29 RenderBlock {H1} at (8,8) size 176x19 | 29 RenderBlock {H1} at (8,8) size 176x22 |
30 RenderText {#text} at (0,0) size 84x19 | 30 RenderText {#text} at (0,0) size 84x22 |
31 text run at (0,0) width 84: "Top menu" | 31 text run at (0,0) width 84: "Top menu" |
32 RenderBlock {UL} at (24,30.19) size 155.20x64 | 32 RenderBlock {UL} at (24,33.19) size 155.20x72 |
33 RenderListItem {LI} at (0,0) size 155.20x16 | 33 RenderListItem {LI} at (0,0) size 155.20x18 |
34 RenderListMarker at (-16,0) size 6x16: bullet | 34 RenderListMarker at (-17,0) size 7x18: bullet |
35 RenderText {#text} at (0,0) size 36x16 | 35 RenderText {#text} at (0,0) size 36x18 |
36 text run at (0,0) width 36: "green" | 36 text run at (0,0) width 36: "green" |
37 RenderListItem {LI} at (0,16) size 155.20x16 | 37 RenderListItem {LI} at (0,18) size 155.20x18 |
38 RenderListMarker at (-16,0) size 6x16: bullet | 38 RenderListMarker at (-17,0) size 7x18: bullet |
39 RenderText {#text} at (0,0) size 64x16 | 39 RenderText {#text} at (0,0) size 64x18 |
40 text run at (0,0) width 64: "white text" | 40 text run at (0,0) width 64: "white text" |
41 RenderListItem {LI} at (0,32) size 155.20x16 | 41 RenderListItem {LI} at (0,36) size 155.20x18 |
42 RenderListMarker at (-16,0) size 6x16: bullet | 42 RenderListMarker at (-17,0) size 7x18: bullet |
43 RenderText {#text} at (0,0) size 96x16 | 43 RenderText {#text} at (0,0) size 96x18 |
44 text run at (0,0) width 96: "0.5em padding" | 44 text run at (0,0) width 96: "0.5em padding" |
45 RenderListItem {LI} at (0,48) size 155.20x16 | 45 RenderListItem {LI} at (0,54) size 155.20x18 |
46 RenderListMarker at (-16,0) size 6x16: bullet | 46 RenderListMarker at (-17,0) size 7x18: bullet |
47 RenderText {#text} at (0,0) size 89x16 | 47 RenderText {#text} at (0,0) size 89x18 |
48 text run at (0,0) width 89: "0.5em margin" | 48 text run at (0,0) width 89: "0.5em margin" |
49 RenderBlock (floating) {DIV} at (0,284.38) size 192x105.38 [color=#FFFFFF]
[bgcolor=#0000FF] | 49 RenderBlock (floating) {DIV} at (0,315.38) size 192x116.38 [color=#FFFFFF]
[bgcolor=#0000FF] |
50 RenderBlock {H1} at (8,8) size 176x19 | 50 RenderBlock {H1} at (8,8) size 176x22 |
51 RenderText {#text} at (0,0) size 112x19 | 51 RenderText {#text} at (0,0) size 112x22 |
52 text run at (0,0) width 112: "Bottom menu" | 52 text run at (0,0) width 112: "Bottom menu" |
53 RenderBlock {UL} at (24,30.19) size 155.20x64 | 53 RenderBlock {UL} at (24,33.19) size 155.20x72 |
54 RenderListItem {LI} at (0,0) size 155.20x16 | 54 RenderListItem {LI} at (0,0) size 155.20x18 |
55 RenderListMarker at (-16,0) size 6x16: bullet | 55 RenderListMarker at (-17,0) size 7x18: bullet |
56 RenderText {#text} at (0,0) size 108x16 | 56 RenderText {#text} at (0,0) size 108x18 |
57 text run at (0,0) width 108: "blue background" | 57 text run at (0,0) width 108: "blue background" |
58 RenderListItem {LI} at (0,16) size 155.20x16 | 58 RenderListItem {LI} at (0,18) size 155.20x18 |
59 RenderListMarker at (-16,0) size 6x16: bullet | 59 RenderListMarker at (-17,0) size 7x18: bullet |
60 RenderText {#text} at (0,0) size 64x16 | 60 RenderText {#text} at (0,0) size 64x18 |
61 text run at (0,0) width 64: "white text" | 61 text run at (0,0) width 64: "white text" |
62 RenderListItem {LI} at (0,32) size 155.20x16 | 62 RenderListItem {LI} at (0,36) size 155.20x18 |
63 RenderListMarker at (-16,0) size 6x16: bullet | 63 RenderListMarker at (-17,0) size 7x18: bullet |
64 RenderText {#text} at (0,0) size 96x16 | 64 RenderText {#text} at (0,0) size 96x18 |
65 text run at (0,0) width 96: "0.5em padding" | 65 text run at (0,0) width 96: "0.5em padding" |
66 RenderListItem {LI} at (0,48) size 155.20x16 | 66 RenderListItem {LI} at (0,54) size 155.20x18 |
67 RenderListMarker at (-16,0) size 6x16: bullet | 67 RenderListMarker at (-17,0) size 7x18: bullet |
68 RenderText {#text} at (0,0) size 89x16 | 68 RenderText {#text} at (0,0) size 89x18 |
69 text run at (0,0) width 89: "0.5em margin" | 69 text run at (0,0) width 89: "0.5em margin" |
70 RenderBlock {DIV} at (224,169) size 528x202.88 [bgcolor=#FFFF00] | 70 RenderBlock {DIV} at (224,189) size 528x221.88 [bgcolor=#FFFF00] |
71 RenderBlock {H1} at (8,29.44) size 512x32 | 71 RenderBlock {H1} at (8,29.44) size 512x37 |
72 RenderText {#text} at (0,0) size 276x32 | 72 RenderText {#text} at (0,0) size 276x37 |
73 text run at (0,0) width 276: "The 'clear' property" | 73 text run at (0,0) width 276: "The 'clear' property" |
74 RenderBlock {P} at (8,82.88) size 512x80 | 74 RenderBlock {P} at (8,87.88) size 512x90 |
75 RenderText {#text} at (0,0) size 512x80 | 75 RenderText {#text} at (0,0) size 512x90 |
76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background," | 76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background," |
77 text run at (0,16) width 237: "and the other a blue background. " | 77 text run at (0,18) width 237: "and the other a blue background. " |
78 text run at (236,16) width 276: "Due to settings on the 'float' and
'clear'" | 78 text run at (236,18) width 276: "Due to settings on the 'float' and
'clear'" |
79 text run at (0,32) width 512: "properties, the two menus should appe
ar on the left side of the page, the blue" | 79 text run at (0,36) width 512: "properties, the two menus should appe
ar on the left side of the page, the blue" |
80 text run at (0,48) width 512: "below the green. There should be a 10
px gap between the two menus. There" | 80 text run at (0,54) width 512: "below the green. There should be a 10
px gap between the two menus. There" |
81 text run at (0,64) width 465: "should also be a 10px gap between the
top menu and the top of the page." | 81 text run at (0,72) width 465: "should also be a 10px gap between the
top menu and the top of the page." |
82 RenderBlock {P} at (8,162.88) size 512x32 | 82 RenderBlock {P} at (8,177.88) size 512x36 |
83 RenderText {#text} at (0,0) size 512x32 | 83 RenderText {#text} at (0,0) size 512x36 |
84 text run at (0,0) width 512: "The top of the yellow rectangle (to wh
ich this paragraph belongs) should be" | 84 text run at (0,0) width 512: "The top of the yellow rectangle (to wh
ich this paragraph belongs) should be" |
85 text run at (0,16) width 339: "vertically aligned with the top of th
e green rectangle." | 85 text run at (0,18) width 339: "vertically aligned with the top of th
e green rectangle." |
86 LayoutTable {TABLE} at (192,371.88) size 592x317 [border: (1px outset #808
080)] | 86 LayoutTable {TABLE} at (192,410.88) size 592x348 [border: (1px outset #808
080)] |
87 LayoutTableSection {TBODY} at (1,1) size 590x315 | 87 LayoutTableSection {TBODY} at (1,1) size 590x346 |
88 LayoutTableRow {TR} at (0,0) size 590x24 | 88 LayoutTableRow {TR} at (0,0) size 590x26 |
89 LayoutTableCell {TD} at (0,0) size 590x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 89 LayoutTableCell {TD} at (0,0) size 590x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
90 RenderInline {STRONG} at (0,0) size 163x16 | 90 RenderInline {STRONG} at (0,0) size 163x18 |
91 RenderText {#text} at (4,4) size 163x16 | 91 RenderText {#text} at (4,4) size 163x18 |
92 text run at (4,4) width 163: "TABLE Testing Section" | 92 text run at (4,4) width 163: "TABLE Testing Section" |
93 LayoutTableRow {TR} at (0,24) size 590x291 | 93 LayoutTableRow {TR} at (0,26) size 590x320 |
94 LayoutTableCell {TD} at (0,157) size 12x24 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 94 LayoutTableCell {TD} at (0,173) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
95 RenderText {#text} at (4,4) size 4x16 | 95 RenderText {#text} at (4,4) size 4x18 |
96 text run at (4,4) width 4: " " | 96 text run at (4,4) width 4: " " |
97 LayoutTableCell {TD} at (12,24) size 578x290.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] | 97 LayoutTableCell {TD} at (12,26) size 578x319.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] |
98 RenderBlock (floating) {DIV} at (4,4) size 192x105.38 [color=#FFFF
FF] [bgcolor=#008000] | 98 RenderBlock (floating) {DIV} at (4,4) size 192x116.38 [color=#FFFF
FF] [bgcolor=#008000] |
99 RenderBlock {H1} at (8,8) size 176x19 | 99 RenderBlock {H1} at (8,8) size 176x22 |
100 RenderText {#text} at (0,0) size 84x19 | 100 RenderText {#text} at (0,0) size 84x22 |
101 text run at (0,0) width 84: "Top menu" | 101 text run at (0,0) width 84: "Top menu" |
102 RenderBlock {UL} at (24,30.19) size 155.20x64 | 102 RenderBlock {UL} at (24,33.19) size 155.20x72 |
103 RenderListItem {LI} at (0,0) size 155.20x16 | 103 RenderListItem {LI} at (0,0) size 155.20x18 |
104 RenderListMarker at (-16,0) size 6x16: bullet | 104 RenderListMarker at (-17,0) size 7x18: bullet |
105 RenderText {#text} at (0,0) size 36x16 | 105 RenderText {#text} at (0,0) size 36x18 |
106 text run at (0,0) width 36: "green" | 106 text run at (0,0) width 36: "green" |
107 RenderListItem {LI} at (0,16) size 155.20x16 | 107 RenderListItem {LI} at (0,18) size 155.20x18 |
108 RenderListMarker at (-16,0) size 6x16: bullet | 108 RenderListMarker at (-17,0) size 7x18: bullet |
109 RenderText {#text} at (0,0) size 64x16 | 109 RenderText {#text} at (0,0) size 64x18 |
110 text run at (0,0) width 64: "white text" | 110 text run at (0,0) width 64: "white text" |
111 RenderListItem {LI} at (0,32) size 155.20x16 | 111 RenderListItem {LI} at (0,36) size 155.20x18 |
112 RenderListMarker at (-16,0) size 6x16: bullet | 112 RenderListMarker at (-17,0) size 7x18: bullet |
113 RenderText {#text} at (0,0) size 96x16 | 113 RenderText {#text} at (0,0) size 96x18 |
114 text run at (0,0) width 96: "0.5em padding" | 114 text run at (0,0) width 96: "0.5em padding" |
115 RenderListItem {LI} at (0,48) size 155.20x16 | 115 RenderListItem {LI} at (0,54) size 155.20x18 |
116 RenderListMarker at (-16,0) size 6x16: bullet | 116 RenderListMarker at (-17,0) size 7x18: bullet |
117 RenderText {#text} at (0,0) size 89x16 | 117 RenderText {#text} at (0,0) size 89x18 |
118 text run at (0,0) width 89: "0.5em margin" | 118 text run at (0,0) width 89: "0.5em margin" |
119 RenderBlock (floating) {DIV} at (4,119.38) size 192x105.38 [color=
#FFFFFF] [bgcolor=#0000FF] | 119 RenderBlock (floating) {DIV} at (4,130.38) size 192x116.38 [color=
#FFFFFF] [bgcolor=#0000FF] |
120 RenderBlock {H1} at (8,8) size 176x19 | 120 RenderBlock {H1} at (8,8) size 176x22 |
121 RenderText {#text} at (0,0) size 112x19 | 121 RenderText {#text} at (0,0) size 112x22 |
122 text run at (0,0) width 112: "Bottom menu" | 122 text run at (0,0) width 112: "Bottom menu" |
123 RenderBlock {UL} at (24,30.19) size 155.20x64 | 123 RenderBlock {UL} at (24,33.19) size 155.20x72 |
124 RenderListItem {LI} at (0,0) size 155.20x16 | 124 RenderListItem {LI} at (0,0) size 155.20x18 |
125 RenderListMarker at (-16,0) size 6x16: bullet | 125 RenderListMarker at (-17,0) size 7x18: bullet |
126 RenderText {#text} at (0,0) size 108x16 | 126 RenderText {#text} at (0,0) size 108x18 |
127 text run at (0,0) width 108: "blue background" | 127 text run at (0,0) width 108: "blue background" |
128 RenderListItem {LI} at (0,16) size 155.20x16 | 128 RenderListItem {LI} at (0,18) size 155.20x18 |
129 RenderListMarker at (-16,0) size 6x16: bullet | 129 RenderListMarker at (-17,0) size 7x18: bullet |
130 RenderText {#text} at (0,0) size 64x16 | 130 RenderText {#text} at (0,0) size 64x18 |
131 text run at (0,0) width 64: "white text" | 131 text run at (0,0) width 64: "white text" |
132 RenderListItem {LI} at (0,32) size 155.20x16 | 132 RenderListItem {LI} at (0,36) size 155.20x18 |
133 RenderListMarker at (-16,0) size 6x16: bullet | 133 RenderListMarker at (-17,0) size 7x18: bullet |
134 RenderText {#text} at (0,0) size 96x16 | 134 RenderText {#text} at (0,0) size 96x18 |
135 text run at (0,0) width 96: "0.5em padding" | 135 text run at (0,0) width 96: "0.5em padding" |
136 RenderListItem {LI} at (0,48) size 155.20x16 | 136 RenderListItem {LI} at (0,54) size 155.20x18 |
137 RenderListMarker at (-16,0) size 6x16: bullet | 137 RenderListMarker at (-17,0) size 7x18: bullet |
138 RenderText {#text} at (0,0) size 89x16 | 138 RenderText {#text} at (0,0) size 89x18 |
139 text run at (0,0) width 89: "0.5em margin" | 139 text run at (0,0) width 89: "0.5em margin" |
140 RenderBlock {DIV} at (228,4) size 314x282.88 [bgcolor=#FFFF00] | 140 RenderBlock {DIV} at (228,4) size 314x311.88 [bgcolor=#FFFF00] |
141 RenderBlock {H1} at (8,29.44) size 298x32 | 141 RenderBlock {H1} at (8,29.44) size 298x37 |
142 RenderText {#text} at (0,0) size 276x32 | 142 RenderText {#text} at (0,0) size 276x37 |
143 text run at (0,0) width 276: "The 'clear' property" | 143 text run at (0,0) width 276: "The 'clear' property" |
144 RenderBlock {P} at (8,82.88) size 298x144 | 144 RenderBlock {P} at (8,87.88) size 298x162 |
145 RenderText {#text} at (0,0) size 298x144 | 145 RenderText {#text} at (0,0) size 298x162 |
146 text run at (0,0) width 298: "This page has two floating \"m
enus\" on the" | 146 text run at (0,0) width 298: "This page has two floating \"m
enus\" on the" |
147 text run at (0,16) width 298: "side; one has a green backgro
und, and the" | 147 text run at (0,18) width 298: "side; one has a green backgro
und, and the" |
148 text run at (0,32) width 174: "other a blue background. " | 148 text run at (0,36) width 174: "other a blue background. " |
149 text run at (173,32) width 125: "Due to settings on" | 149 text run at (173,36) width 125: "Due to settings on" |
150 text run at (0,48) width 298: "the 'float' and 'clear' prope
rties, the two menus" | 150 text run at (0,54) width 298: "the 'float' and 'clear' prope
rties, the two menus" |
151 text run at (0,64) width 298: "should appear on the left sid
e of the page, the" | 151 text run at (0,72) width 298: "should appear on the left sid
e of the page, the" |
152 text run at (0,80) width 298: "blue below the green. There s
hould be a 10px" | 152 text run at (0,90) width 298: "blue below the green. There s
hould be a 10px" |
153 text run at (0,96) width 298: "gap between the two menus. Th
ere should" | 153 text run at (0,108) width 298: "gap between the two menus. T
here should" |
154 text run at (0,112) width 298: "also be a 10px gap between t
he top menu and" | 154 text run at (0,126) width 298: "also be a 10px gap between t
he top menu and" |
155 text run at (0,128) width 124: "the top of the page." | 155 text run at (0,144) width 124: "the top of the page." |
156 RenderBlock {P} at (8,226.88) size 298x48 | 156 RenderBlock {P} at (8,249.88) size 298x54 |
157 RenderText {#text} at (0,0) size 298x48 | 157 RenderText {#text} at (0,0) size 298x54 |
158 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" | 158 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" |
159 text run at (0,16) width 298: "paragraph belongs) should be
vertically" | 159 text run at (0,18) width 298: "paragraph belongs) should be
vertically" |
160 text run at (0,32) width 275: "aligned with the top of the g
reen rectangle." | 160 text run at (0,36) width 275: "aligned with the top of the g
reen rectangle." |
OLD | NEW |