OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
6 RenderBlock {P} at (0,0) size 784x80 | 6 RenderBlock {P} at (0,0) size 784x80 |
7 RenderText {#text} at (0,0) size 764x79 | 7 RenderText {#text} at (0,0) size 764x79 |
8 text run at (0,0) width 431: "You should see a black box below that is
the width of the content area. " | 8 text run at (0,0) width 431: "You should see a black box below that is
the width of the content area. " |
9 text run at (431,0) width 243: "It contains alternating struts and spr
ings. " | 9 text run at (431,0) width 243: "It contains alternating struts and spr
ings. " |
10 text run at (674,0) width 82: "The struts are" | 10 text run at (674,0) width 82: "The struts are" |
11 text run at (0,20) width 220: "bordered in green and are inflexible. " | 11 text run at (0,20) width 220: "bordered in green and are inflexible. " |
12 text run at (220,20) width 544: "The springs are bordered in purple an
d should grow and shrink as you resize your browser" | 12 text run at (220,20) width 544: "The springs are bordered in purple an
d should grow and shrink as you resize your browser" |
13 text run at (0,40) width 56: "window. " | 13 text run at (0,40) width 56: "window. " |
14 text run at (56,40) width 686: "The black box should get taller when y
ou make your window wider and get shorter when you shrink your browser" | 14 text run at (56,40) width 686: "The black box should get taller when y
ou make your window wider and get shorter when you shrink your browser" |
15 text run at (0,60) width 52: "window." | 15 text run at (0,60) width 52: "window." |
16 RenderDeprecatedFlexibleBox {DIV} at (0,96) size 784x56 [border: (2px soli
d #000000)] | 16 RenderDeprecatedFlexibleBox {DIV} at (0,96) size 784x56 [border: (2px soli
d #000000)] |
17 RenderDeprecatedFlexibleBox {DIV} at (6,6) size 38x44 [border: (2px soli
d #008000)] | 17 RenderDeprecatedFlexibleBox {DIV} at (6,6) size 38x44 [border: (2px soli
d #008000)] |
18 RenderBlock (anonymous) at (2,2) size 34x40 | 18 RenderBlock (anonymous) at (2,2) size 34x40 |
19 RenderText {#text} at (0,0) size 34x19 | 19 RenderText {#text} at (0,0) size 34x19 |
20 text run at (0,0) width 34: "Fixed" | 20 text run at (0,0) width 34: "Fixed" |
21 RenderDeprecatedFlexibleBox {DIV} at (48,6) size 199x44 [border: (2px so
lid #800080)] | 21 RenderDeprecatedFlexibleBox {DIV} at (48,6) size 198.67x44 [border: (2px
solid #800080)] |
22 RenderBlock (anonymous) at (2,2) size 195x40 | 22 RenderBlock (anonymous) at (2,2) size 194.67x40 |
23 RenderText {#text} at (0,0) size 181x39 | 23 RenderText {#text} at (0,0) size 181x39 |
24 text run at (0,0) width 174: "This is a flexible block, and it" | 24 text run at (0,0) width 174: "This is a flexible block, and it" |
25 text run at (0,20) width 181: "will shrink or grow as needed." | 25 text run at (0,20) width 181: "will shrink or grow as needed." |
26 RenderDeprecatedFlexibleBox {DIV} at (250,6) size 39x44 [border: (2px so
lid #008000)] | 26 RenderDeprecatedFlexibleBox {DIV} at (250.67,6) size 38x44 [border: (2px
solid #008000)] |
27 RenderBlock (anonymous) at (2,2) size 34x40 | 27 RenderBlock (anonymous) at (2,2) size 34x40 |
28 RenderText {#text} at (0,0) size 34x19 | 28 RenderText {#text} at (0,0) size 34x19 |
29 text run at (0,0) width 34: "Fixed" | 29 text run at (0,0) width 34: "Fixed" |
30 RenderDeprecatedFlexibleBox {DIV} at (292,6) size 200x44 [border: (2px s
olid #800080)] | 30 RenderDeprecatedFlexibleBox {DIV} at (292.67,6) size 198.67x44 [border:
(2px solid #800080)] |
31 RenderBlock (anonymous) at (2,2) size 195x40 | 31 RenderBlock (anonymous) at (2,2) size 194.67x40 |
32 RenderText {#text} at (0,0) size 181x39 | 32 RenderText {#text} at (0,0) size 181x39 |
33 text run at (0,0) width 174: "This is a flexible block, and it" | 33 text run at (0,0) width 174: "This is a flexible block, and it" |
34 text run at (0,20) width 181: "will shrink or grow as needed." | 34 text run at (0,20) width 181: "will shrink or grow as needed." |
35 RenderDeprecatedFlexibleBox {DIV} at (495,6) size 39x44 [border: (2px so
lid #008000)] | 35 RenderDeprecatedFlexibleBox {DIV} at (495.34,6) size 38x44 [border: (2px
solid #008000)] |
36 RenderBlock (anonymous) at (2,2) size 34x40 | 36 RenderBlock (anonymous) at (2,2) size 34x40 |
37 RenderText {#text} at (0,0) size 34x19 | 37 RenderText {#text} at (0,0) size 34x19 |
38 text run at (0,0) width 34: "Fixed" | 38 text run at (0,0) width 34: "Fixed" |
39 RenderDeprecatedFlexibleBox {DIV} at (537,6) size 199x44 [border: (2px s
olid #800080)] | 39 RenderDeprecatedFlexibleBox {DIV} at (537.34,6) size 198.66x44 [border:
(2px solid #800080)] |
40 RenderBlock (anonymous) at (2,2) size 195x40 | 40 RenderBlock (anonymous) at (2,2) size 194.66x40 |
41 RenderText {#text} at (0,0) size 181x39 | 41 RenderText {#text} at (0,0) size 181x39 |
42 text run at (0,0) width 174: "This is a flexible block, and it" | 42 text run at (0,0) width 174: "This is a flexible block, and it" |
43 text run at (0,20) width 181: "will shrink or grow as needed." | 43 text run at (0,20) width 181: "will shrink or grow as needed." |
44 RenderDeprecatedFlexibleBox {DIV} at (740,6) size 38x44 [border: (2px so
lid #008000)] | 44 RenderDeprecatedFlexibleBox {DIV} at (740,6) size 38x44 [border: (2px so
lid #008000)] |
45 RenderBlock (anonymous) at (2,2) size 34x40 | 45 RenderBlock (anonymous) at (2,2) size 34x40 |
46 RenderText {#text} at (0,0) size 34x19 | 46 RenderText {#text} at (0,0) size 34x19 |
47 text run at (0,0) width 34: "Fixed" | 47 text run at (0,0) width 34: "Fixed" |
OLD | NEW |