-layer at (0,0) size 785x721
+layer at (0,0) size 785x661
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x721
- RenderBlock {HTML} at (0,0) size 785x721
- RenderBody {BODY} at (8,8) size 769x705 [bgcolor=#008000]
- RenderBlock {P} at (0,0) size 769x18
- RenderText {#text} at (0,0) size 355x18
- text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 769x60
- RenderText {#text} at (0,0) size 648x60
- text run at (0,0) width 648: "BODY {background: green url(../resources/oransqr.gif) repeat-x center top fixed;}"
- text run at (648,0) width 0: " "
- text run at (0,15) width 568: ".one {background: lime url(../resources/oransqr.gif) repeat-y 100% 0%;}"
- text run at (568,15) width 0: " "
- text run at (0,30) width 592: ".two {background: lime url(../resources/oransqr.gif) repeat-y center top;}"
- text run at (592,30) width 0: " "
- text run at (0,45) width 592: ".three {background: lime url(../resources/oransqr.gif) repeat-x left top;}"
- text run at (592,45) width 0: " "
- RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,125) size 769x54
- RenderText {#text} at (0,0) size 728x18
- text run at (0,0) width 728: "This document should have a green background with an orange strip running across the entire top of the page, since"
- RenderInline {CODE} at (0,0) size 64x15
- RenderText {#text} at (0,20) size 64x15
- text run at (0,20) width 64: "repeat-x"
- RenderText {#text} at (64,18) size 753x36
- text run at (64,18) width 298: " indicates tiling in both directions of the x-axis. "
- text run at (362,18) width 298: "Furthermore, the strip should be fixed in place. "
- text run at (660,18) width 93: "I'll have to add"
- text run at (0,36) width 492: "extra text at the end of this page to make it long enough to scroll conveniently."
- RenderBlock {P} at (0,195) size 769x54 [bgcolor=#00FF00]
- RenderText {#text} at (0,0) size 762x54
- text run at (0,0) width 743: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom."
- text run at (0,18) width 762: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
- text run at (0,36) width 119: "these declarations. "
- text run at (119,36) width 308: "Hey, I didn't say the page would be pretty, did I?"
- RenderBlock {P} at (0,265) size 769x54 [bgcolor=#00FF00]
- RenderText {#text} at (0,0) size 762x54
- text run at (0,0) width 752: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the bottom."
- text run at (0,18) width 762: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
- text run at (0,36) width 119: "these declarations. "
- text run at (119,36) width 308: "Hey, I didn't say the page would be pretty, did I?"
- RenderBlock {P} at (0,335) size 769x54 [bgcolor=#00FF00]
- RenderText {#text} at (0,0) size 762x54
- text run at (0,0) width 743: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right."
- text run at (0,18) width 762: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
- text run at (0,36) width 119: "these declarations. "
- text run at (119,36) width 308: "Hey, I didn't say the page would be pretty, did I?"
- RenderTable {TABLE} at (0,405) size 769x300 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x298
- RenderTableRow {TR} at (0,0) size 767x26
- RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 163x18
- RenderText {#text} at (4,4) size 163x18
+layer at (0,0) size 785x661
+ RenderBlock {HTML} at (0,0) size 785x661
+ RenderBody {BODY} at (8,8) size 769x645 [bgcolor=#008000]
+ RenderBlock {P} at (0,0) size 769x16
+ RenderText {#text} at (0,0) size 363x16
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,32) size 769x52
+ RenderText {#text} at (0,0) size 632x52
+ text run at (0,0) width 632: "BODY {background: green url(../resources/oransqr.gif) repeat-x center top fixed;}"
+ text run at (631,0) width 1: " "
+ text run at (0,13) width 554: ".one {background: lime url(../resources/oransqr.gif) repeat-y 100% 0%;}"
+ text run at (553,13) width 1: " "
+ text run at (0,26) width 578: ".two {background: lime url(../resources/oransqr.gif) repeat-y center top;}"
+ text run at (577,26) width 1: " "
+ text run at (0,39) width 578: ".three {background: lime url(../resources/oransqr.gif) repeat-x left top;}"
+ text run at (577,39) width 1: " "
+ RenderBlock {HR} at (0,97) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,115) size 769x48
+ RenderText {#text} at (0,0) size 741x16
+ text run at (0,0) width 741: "This document should have a green background with an orange strip running across the entire top of the page, since"
+ RenderInline {CODE} at (0,0) size 63x13
+ RenderText {#text} at (0,18) size 63x13
+ text run at (0,18) width 63: "repeat-x"
+ RenderText {#text} at (62,16) size 769x32
+ text run at (62,16) width 308: " indicates tiling in both directions of the x-axis. "
+ text run at (369,16) width 305: "Furthermore, the strip should be fixed in place. "
+ text run at (673,16) width 96: "I'll have to add"
+ text run at (0,32) width 503: "extra text at the end of this page to make it long enough to scroll conveniently."
+ RenderBlock {P} at (0,179) size 769x48 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 758x48
+ text run at (0,0) width 758: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom."
+ text run at (0,16) width 718: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
+ text run at (0,32) width 183: "handling these declarations. "
+ text run at (182,32) width 313: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (0,243) size 769x48 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 767x48
+ text run at (0,0) width 767: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the bottom."
+ text run at (0,16) width 718: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
+ text run at (0,32) width 183: "handling these declarations. "
+ text run at (182,32) width 313: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (0,307) size 769x48 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 758x48
+ text run at (0,0) width 758: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right."
+ text run at (0,16) width 718: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
+ text run at (0,32) width 183: "handling these declarations. "
+ text run at (182,32) width 313: "Hey, I didn't say the page would be pretty, did I?"
+ RenderTable {TABLE} at (0,371) size 769x274 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x272
+ RenderTableRow {TR} at (0,0) size 767x24
+ RenderTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x16
+ RenderText {#text} at (4,4) size 163x16
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,26) size 767x272
- RenderTableCell {TD} at (0,149) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
- RenderText {#text} at (4,4) size 4x18
+ RenderTableRow {TR} at (0,24) size 767x248
+ RenderTableCell {TD} at (0,136) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x16
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 755x272 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 747x54
- RenderText {#text} at (0,0) size 728x18
- text run at (0,0) width 728: "This document should have a green background with an orange strip running across the entire top of the page, since"
- RenderInline {CODE} at (0,0) size 64x15
- RenderText {#text} at (0,20) size 64x15
- text run at (0,20) width 64: "repeat-x"
- RenderText {#text} at (64,18) size 726x36
- text run at (64,18) width 298: " indicates tiling in both directions of the x-axis. "
- text run at (362,18) width 298: "Furthermore, the strip should be fixed in place. "
- text run at (660,18) width 66: "I'll have to"
- text run at (0,36) width 519: "add extra text at the end of this page to make it long enough to scroll conveniently."
- RenderBlock {P} at (4,74) size 747x54 [bgcolor=#00FF00]
- RenderText {#text} at (0,0) size 743x54
- text run at (0,0) width 743: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom."
- text run at (0,18) width 703: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
- text run at (0,36) width 178: "handling these declarations. "
- text run at (178,36) width 308: "Hey, I didn't say the page would be pretty, did I?"
- RenderBlock {P} at (4,144) size 747x54 [bgcolor=#00FF00]
- RenderText {#text} at (0,0) size 739x54
- text run at (0,0) width 700: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the"
- text run at (0,18) width 52: "bottom. "
- text run at (52,18) width 687: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser"
- text run at (0,36) width 194: "in handling these declarations. "
- text run at (194,36) width 308: "Hey, I didn't say the page would be pretty, did I?"
- RenderBlock {P} at (4,214) size 747x54 [bgcolor=#00FF00]
- RenderText {#text} at (0,0) size 743x54
- text run at (0,0) width 743: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right."
- text run at (0,18) width 703: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
- text run at (0,36) width 178: "handling these declarations. "
- text run at (178,36) width 308: "Hey, I didn't say the page would be pretty, did I?"
+ RenderTableCell {TD} at (12,24) size 755x248 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x48
+ RenderText {#text} at (0,0) size 741x16
+ text run at (0,0) width 741: "This document should have a green background with an orange strip running across the entire top of the page, since"
+ RenderInline {CODE} at (0,0) size 63x13
+ RenderText {#text} at (0,18) size 63x13
+ text run at (0,18) width 63: "repeat-x"
+ RenderText {#text} at (62,16) size 742x32
+ text run at (62,16) width 308: " indicates tiling in both directions of the x-axis. "
+ text run at (369,16) width 305: "Furthermore, the strip should be fixed in place. "
+ text run at (673,16) width 69: "I'll have to"
+ text run at (0,32) width 531: "add extra text at the end of this page to make it long enough to scroll conveniently."
+ RenderBlock {P} at (4,68) size 747x48 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 704x48
+ text run at (0,0) width 704: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the"
+ text run at (0,16) width 54: "bottom. "
+ text run at (53,16) width 646: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your"
+ text run at (0,32) width 255: "browser in handling these declarations. "
+ text run at (254,32) width 313: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (4,132) size 747x48 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 713x48
+ text run at (0,0) width 713: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the"
+ text run at (0,16) width 54: "bottom. "
+ text run at (53,16) width 646: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your"
+ text run at (0,32) width 255: "browser in handling these declarations. "
+ text run at (254,32) width 313: "Hey, I didn't say the page would be pretty, did I?"
+ RenderBlock {P} at (4,196) size 747x48 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 739x48
+ text run at (0,0) width 720: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top"
+ text run at (0,16) width 39: "right. "
+ text run at (38,16) width 701: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser"
+ text run at (0,32) width 199: "in handling these declarations. "
+ text run at (198,32) width 313: "Hey, I didn't say the page would be pretty, did I?"