| layer at (0,0) size 812x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 812x600 |
| RenderBlock {HTML} at (0,0) size 800x600 [bgcolor=#FFFFFF] |
| RenderBody {BODY} at (0,0) size 800x600 |
| RenderFlexibleBox {DIV} at (0,0) size 800x600 |
| RenderBlock {DIV} at (0,0) size 800x57 |
| RenderText {#text} at (0,0) size 782x57 |
| text run at (0,0) width 487: "This header should remain at the top of the browser window as you resize it. " |
| text run at (487,0) width 180: "It can wrap to multiple lines. " |
| text run at (667,0) width 115: "The center should" |
| text run at (0,19) width 270: "be filled with an olive-bordered green box. " |
| text run at (270,19) width 505: "It should start beneath the header, end above the footer, and fill the width of the" |
| text run at (0,38) width 106: "browser window." |
| RenderPartObject {IFRAME} at (0,57) size 812x524 [bgcolor=#008000] [border: (10px solid #808000)] |
| layer at (0,0) size 792x504 |
| RenderView at (0,0) size 792x504 |
| layer at (0,0) size 792x8 |
| RenderBlock {HTML} at (0,0) size 792x8 |
| RenderBody {BODY} at (8,8) size 776x0 |
| RenderBlock {DIV} at (0,581) size 800x19 |
| RenderText {#text} at (0,0) size 660x19 |
| text run at (0,0) width 404: "This footer should remain at the bottom of the browser window. " |
| text run at (404,0) width 256: "It can wrap to multiple lines if necessary." |