OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 800x600 | |
4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | |
5 LayoutBlockFlow {BODY} at (8,8) size 784x584 | |
6 LayoutBlockFlow {P} at (0,0) size 784x80 | |
7 LayoutText {#text} at (0,0) size 764x79 | |
8 text run at (0,0) width 430: "You should see a black box below that is
the width of the content area. " | |
9 text run at (429,0) width 244: "It contains alternating struts and spr
ings. " | |
10 text run at (672,0) width 83: "The struts are" | |
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" | |
13 text run at (0,40) width 55: "window. " | |
14 text run at (54,40) width 687: "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 51: "window." | |
16 LayoutDeprecatedFlexibleBox {DIV} at (0,96) size 784x56 [border: (2px soli
d #000000)] | |
17 LayoutDeprecatedFlexibleBox {DIV} at (6,6) size 38x44 [border: (2px soli
d #008000)] | |
18 LayoutBlockFlow (anonymous) at (2,2) size 34x40 | |
19 LayoutText {#text} at (0,0) size 34x19 | |
20 text run at (0,0) width 34: "Fixed" | |
21 LayoutDeprecatedFlexibleBox {DIV} at (48,6) size 198.67x44 [border: (2px
solid #800080)] | |
22 LayoutBlockFlow (anonymous) at (2,2) size 194.67x40 | |
23 LayoutText {#text} at (0,0) size 181x39 | |
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." | |
26 LayoutDeprecatedFlexibleBox {DIV} at (250.67,6) size 38x44 [border: (2px
solid #008000)] | |
27 LayoutBlockFlow (anonymous) at (2,2) size 34x40 | |
28 LayoutText {#text} at (0,0) size 34x19 | |
29 text run at (0,0) width 34: "Fixed" | |
30 LayoutDeprecatedFlexibleBox {DIV} at (292.67,6) size 198.67x44 [border:
(2px solid #800080)] | |
31 LayoutBlockFlow (anonymous) at (2,2) size 194.67x40 | |
32 LayoutText {#text} at (0,0) size 181x39 | |
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." | |
35 LayoutDeprecatedFlexibleBox {DIV} at (495.34,6) size 38x44 [border: (2px
solid #008000)] | |
36 LayoutBlockFlow (anonymous) at (2,2) size 34x40 | |
37 LayoutText {#text} at (0,0) size 34x19 | |
38 text run at (0,0) width 34: "Fixed" | |
39 LayoutDeprecatedFlexibleBox {DIV} at (537.34,6) size 198.66x44 [border:
(2px solid #800080)] | |
40 LayoutBlockFlow (anonymous) at (2,2) size 194.66x40 | |
41 LayoutText {#text} at (0,0) size 181x39 | |
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." | |
44 LayoutDeprecatedFlexibleBox {DIV} at (740,6) size 38x44 [border: (2px so
lid #008000)] | |
45 LayoutBlockFlow (anonymous) at (2,2) size 34x40 | |
46 LayoutText {#text} at (0,0) size 34x19 | |
47 text run at (0,0) width 34: "Fixed" | |
OLD | NEW |