1 layer at (0,0) size 800x600 scrollWidth 812
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 (0,0) size 800x600
6 LayoutDeprecatedFlexibleBox {DIV} at (0,0) size 800x600
7 LayoutBlockFlow {DIV} at (0,0) size 800x54
8 LayoutText {#text} at (0,0) size 796x53
9 text run at (0,0) width 494: "This header should remain at the top of the browser window as you resize it. "
10 text run at (493,0) width 189: "It can wrap to multiple lines. "
11 text run at (681,0) width 115: "The center should"
12 text run at (0,18) width 279: "be filled with an olive-bordered green box. "
13 text run at (278,18) width 510: "It should start beneath the header, end above the footer, and fill the width of the"
14 text run at (0,36) width 112: "browser window."
15 LayoutBlockFlow {DIV} at (0,582) size 800x18
16 LayoutText {#text} at (0,0) size 679x17
17 text run at (0,0) width 415: "This footer should remain at the bottom of the browser window. "
18 text run at (414,0) width 265: "It can wrap to multiple lines if necessary."
19 layer at (0,54) size 812x528 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
20 LayoutIFrame {IFRAME} at (0,54) size 812x528 [bgcolor=#008000] [border: (10px solid #808000)]
21 layer at (0,0) size 792x508
22 LayoutView at (0,0) size 792x508
23 layer at (0,0) size 792x508
24 LayoutBlockFlow {HTML} at (0,0) size 792x508
25 LayoutBlockFlow {BODY} at (8,8) size 776x492