OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2504 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2504 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x2504 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x2504 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 785x2504 | 4 RenderBlock {HTML} at (0,0) size 785x2504 |
5 RenderBody {BODY} at (8,8) size 769x2488 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2488 [bgcolor=#CCCCCC] |
6 RenderBlock (floating) {P} at (0,0) size 384.50x32 [bgcolor=#FFFF00] | 6 RenderBlock (floating) {P} at (0,0) size 384.50x32 [bgcolor=#FFFF00] |
7 RenderText {#text} at (0,0) size 385x32 | 7 RenderText {#text} at (0,0) size 385x32 |
8 text run at (0,0) width 385: "This paragraph is of class \"one\". It h
as a width of 50% and" | 8 text run at (0,0) width 385: "This paragraph is of class \"one\". It h
as a width of 50% and" |
9 text run at (0,16) width 129: "is floated to the left." | 9 text run at (0,16) width 129: "is floated to the left." |
10 RenderBlock {P} at (0,0) size 769x80 | 10 RenderBlock {P} at (0,0) size 769x80 |
(...skipping 155 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
166 text run at (0,64) width 12: "a " | 166 text run at (0,64) width 12: "a " |
167 text run at (11,64) width 411: "child of the blue DIV, the yellow DI
V should appear inside the " | 167 text run at (11,64) width 411: "child of the blue DIV, the yellow DI
V should appear inside the " |
168 text run at (421,64) width 156: "blue rectangle. Due to it" | 168 text run at (421,64) width 156: "blue rectangle. Due to it" |
169 text run at (0,80) width 253: "being floated to the right and having
" | 169 text run at (0,80) width 253: "being floated to the right and having
" |
170 text run at (252,80) width 325: "a 10px right margin, the yellow rec
tange should" | 170 text run at (252,80) width 325: "a 10px right margin, the yellow rec
tange should" |
171 text run at (0,96) width 113: "have a 10px blue " | 171 text run at (0,96) width 113: "have a 10px blue " |
172 text run at (112,96) width 144: "stripe on its right side." | 172 text run at (112,96) width 144: "stripe on its right side." |
173 RenderBlock (anonymous) at (0,1097) size 769x112 | 173 RenderBlock (anonymous) at (0,1097) size 769x112 |
174 RenderBR {BR} at (576,0) size 1x16 | 174 RenderBR {BR} at (576,0) size 1x16 |
175 RenderBlock {HR} at (0,1217) size 769x2 [border: (1px inset #EEEEEE)] | 175 RenderBlock {HR} at (0,1217) size 769x2 [border: (1px inset #EEEEEE)] |
176 RenderTable {TABLE} at (0,1227) size 769x1261 [border: (1px outset #808080
)] | 176 LayoutTable {TABLE} at (0,1227) size 769x1261 [border: (1px outset #808080
)] |
177 RenderTableSection {TBODY} at (1,1) size 767x1259 | 177 LayoutTableSection {TBODY} at (1,1) size 767x1259 |
178 RenderTableRow {TR} at (0,0) size 767x24 | 178 LayoutTableRow {TR} at (0,0) size 767x24 |
179 RenderTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 179 LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
180 RenderInline {STRONG} at (0,0) size 163x16 | 180 RenderInline {STRONG} at (0,0) size 163x16 |
181 RenderText {#text} at (4,4) size 163x16 | 181 RenderText {#text} at (4,4) size 163x16 |
182 text run at (4,4) width 163: "TABLE Testing Section" | 182 text run at (4,4) width 163: "TABLE Testing Section" |
183 RenderTableRow {TR} at (0,24) size 767x1235 | 183 LayoutTableRow {TR} at (0,24) size 767x1235 |
184 RenderTableCell {TD} at (0,629) size 12x24 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 184 LayoutTableCell {TD} at (0,629) size 12x24 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
185 RenderText {#text} at (4,4) size 4x16 | 185 RenderText {#text} at (4,4) size 4x16 |
186 text run at (4,4) width 4: " " | 186 text run at (4,4) width 4: " " |
187 RenderTableCell {TD} at (12,24) size 755x1235 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | 187 LayoutTableCell {TD} at (12,24) size 755x1235 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] |
188 RenderBlock (floating) {P} at (4,4) size 373.50x32 [bgcolor=#FFFF0
0] | 188 RenderBlock (floating) {P} at (4,4) size 373.50x32 [bgcolor=#FFFF0
0] |
189 RenderText {#text} at (0,0) size 373x32 | 189 RenderText {#text} at (0,0) size 373x32 |
190 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50%" | 190 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50%" |
191 text run at (0,16) width 156: "and is floated to the left." | 191 text run at (0,16) width 156: "and is floated to the left." |
192 RenderBlock {P} at (4,4) size 747x80 | 192 RenderBlock {P} at (4,4) size 747x80 |
193 RenderText {#text} at (373,0) size 747x80 | 193 RenderText {#text} at (373,0) size 747x80 |
194 text run at (373,0) width 374: "This paragraph should start on
the right side of a yellow" | 194 text run at (373,0) width 374: "This paragraph should start on
the right side of a yellow" |
195 text run at (373,16) width 374: "box which contains the previo
us paragraph. Since the text" | 195 text run at (373,16) width 374: "box which contains the previo
us paragraph. Since the text" |
196 text run at (0,32) width 747: "of this element is much longer
than the text in the previous element, the text will wrap around the yellow box.
There" | 196 text run at (0,32) width 747: "of this element is much longer
than the text in the previous element, the text will wrap around the yellow box.
There" |
197 text run at (0,48) width 747: "is no padding, border or margin
s on this and the previous element, so the text of the two elements should be ve
ry" | 197 text run at (0,48) width 747: "is no padding, border or margin
s on this and the previous element, so the text of the two elements should be ve
ry" |
(...skipping 151 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
349 text run at (0,64) width 90: "Since it is a " | 349 text run at (0,64) width 90: "Since it is a " |
350 text run at (89,64) width 444: "child of the blue DIV, the y
ellow DIV should appear inside the " | 350 text run at (89,64) width 444: "child of the blue DIV, the y
ellow DIV should appear inside the " |
351 text run at (532,64) width 29: "blue" | 351 text run at (532,64) width 29: "blue" |
352 text run at (0,80) width 395: "rectangle. Due to it being fl
oated to the right and having " | 352 text run at (0,80) width 395: "rectangle. Due to it being fl
oated to the right and having " |
353 text run at (394,80) width 166: "a 10px right margin, the" | 353 text run at (394,80) width 166: "a 10px right margin, the" |
354 text run at (0,96) width 266: "yellow rectange should have a
10px blue " | 354 text run at (0,96) width 266: "yellow rectange should have a
10px blue " |
355 text run at (265,96) width 143: "stripe on its right side." | 355 text run at (265,96) width 143: "stripe on its right side." |
356 RenderBlock (anonymous) at (4,1101) size 747x112 | 356 RenderBlock (anonymous) at (4,1101) size 747x112 |
357 RenderBR {BR} at (560,0) size 1x16 | 357 RenderBR {BR} at (560,0) size 1x16 |
358 RenderBlock {HR} at (4,1221) size 747x2 [border: (1px inset #EEEEE
E)] | 358 RenderBlock {HR} at (4,1221) size 747x2 [border: (1px inset #EEEEE
E)] |
OLD | NEW |