-layer at (0,0) size 858x1195
+layer at (0,0) size 880x1207
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1195
- RenderBlock {HTML} at (0,0) size 800x1194.53
- RenderBody {BODY} at (8,8) size 784x1178.53 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x1207
+ RenderBlock {HTML} at (0,0) size 800x1206.53
+ RenderBody {BODY} at (8,8) size 784x1190.53 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 363x17
text run at (0,0) width 363: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x30
- RenderText {#text} at (0,0) size 851x30
- text run at (0,0) width 851: "BODY {background-image: url(../resources/bg.gif); background-repeat: repeat-x; background-attachment: fixed;}"
- text run at (850,0) width 1: " "
- text run at (0,15) width 0: " "
- RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,95) size 784x90
+ RenderBlock {PRE} at (0,34) size 784x32
+ RenderText {#text} at (0,0) size 872x32
+ text run at (0,0) width 872: "BODY {background-image: url(../resources/bg.gif); background-repeat: repeat-x; background-attachment: fixed;}"
+ text run at (872,0) width 0: " "
+ text run at (0,16) width 0: " "
+ RenderBlock {HR} at (0,79) size 784x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,97) size 784x90
RenderText {#text} at (0,0) size 778x89
text run at (0,0) width 778: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which does"
text run at (0,18) width 204: "NOT scroll with the document. "
text run at (175,54) width 560: "I'll have to add a lot of extra text to the page in order to make all this something we can"
text run at (0,72) width 100: "actually check. "
text run at (99,72) width 233: "Don't worry, I'll think of something."
- RenderBlock {P} at (0,201) size 784x18
+ RenderBlock {P} at (0,203) size 784x18
RenderText {#text} at (0,0) size 519x17
text run at (0,0) width 426: "In fact, why not the relevant section from the CSS1 specification? "
text run at (425,0) width 94: "A capital idea."
- RenderBlock {HR} at (0,235) size 784x2 [border: (1px inset #EEEEEE)]
- RenderBlock {HR} at (0,245) size 784x2 [border: (1px inset #EEEEEE)]
- RenderBlock {H4} at (0,268.27) size 784x18
+ RenderBlock {HR} at (0,237) size 784x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {HR} at (0,247) size 784x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {H4} at (0,270.27) size 784x18
RenderInline {A} at (0,0) size 223x17
RenderText {#text} at (0,0) size 223x17
text run at (0,0) width 223: "5.3.5 'background-attachment'"
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,307.53) size 784x90
+ RenderBlock {P} at (0,309.53) size 784x90
RenderInline {EM} at (0,0) size 43x17
RenderText {#text} at (0,0) size 43x17
text run at (0,0) width 43: "Value:"
RenderText {#text} at (123,72) size 32x17
text run at (123,72) width 32: " N/A"
RenderBR {BR} at (154,86) size 1x0
- RenderBlock {P} at (0,413.53) size 784x36
+ RenderBlock {P} at (0,415.53) size 784x36
RenderText {#text} at (0,0) size 783x35
text run at (0,0) width 783: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the canvas"
text run at (0,18) width 237: "or if it scrolls along with the content."
- RenderBlock {PRE} at (0,465.53) size 784x75
- RenderText {#text} at (0,0) size 289x75
- text run at (0,0) width 71: " BODY { "
- text run at (70,0) width 1: " "
- text run at (0,15) width 289: " background: red url(pendant.gif);"
- text run at (288,15) width 1: " "
- text run at (0,30) width 250: " background-repeat: repeat-y;"
- text run at (249,30) width 1: " "
- text run at (0,45) width 258: " background-attachment: fixed;"
- text run at (257,45) width 1: " "
- text run at (0,60) width 24: " }"
- text run at (23,60) width 1: " "
- RenderBlock {P} at (0,556.53) size 784x54
+ RenderBlock {PRE} at (0,467.53) size 784x80
+ RenderText {#text} at (0,0) size 296x80
+ text run at (0,0) width 72: " BODY { "
+ text run at (72,0) width 0: " "
+ text run at (0,16) width 296: " background: red url(pendant.gif);"
+ text run at (296,16) width 0: " "
+ text run at (0,32) width 256: " background-repeat: repeat-y;"
+ text run at (256,32) width 0: " "
+ text run at (0,48) width 264: " background-attachment: fixed;"
+ text run at (264,48) width 0: " "
+ text run at (0,64) width 24: " }"
+ text run at (24,64) width 0: " "
+ RenderBlock {P} at (0,563.53) size 784x54
RenderInline {EM} at (0,0) size 73x17
RenderText {#text} at (0,0) size 73x17
text run at (0,0) width 73: "CSS1 core:"
text run at (72,0) width 686: " UAs may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least on the"
text run at (0,18) width 778: "HTML and BODY elements, since there is no way for an author to provide an image only for those browsers that support"
text run at (0,36) width 43: "'fixed'."
- RenderTable {TABLE} at (0,626.53) size 784x552 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x550
+ RenderTable {TABLE} at (0,633.53) size 784x557 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x555
RenderTableRow {TR} at (0,0) size 782x26
RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x17
RenderText {#text} at (4,4) size 163x17
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,26) size 782x524
- RenderTableCell {TD} at (0,275) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 782x529
+ RenderTableCell {TD} at (0,277) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x17
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x523.53 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x528.53 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x90
RenderText {#text} at (0,0) size 761x89
text run at (0,0) width 745: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which"
RenderText {#text} at (0,0) size 735x35
text run at (0,0) width 735: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the"
text run at (0,18) width 284: "canvas or if it scrolls along with the content."
- RenderBlock {PRE} at (4,374.53) size 762x75
- RenderText {#text} at (0,0) size 289x75
- text run at (0,0) width 71: " BODY { "
- text run at (70,0) width 1: " "
- text run at (0,15) width 289: " background: red url(pendant.gif);"
- text run at (288,15) width 1: " "
- text run at (0,30) width 250: " background-repeat: repeat-y;"
- text run at (249,30) width 1: " "
- text run at (0,45) width 258: " background-attachment: fixed;"
- text run at (257,45) width 1: " "
- text run at (0,60) width 24: " }"
- text run at (23,60) width 1: " "
- RenderBlock {P} at (4,465.53) size 762x54
+ RenderBlock {PRE} at (4,374.53) size 762x80
+ RenderText {#text} at (0,0) size 296x80
+ text run at (0,0) width 72: " BODY { "
+ text run at (72,0) width 0: " "
+ text run at (0,16) width 296: " background: red url(pendant.gif);"
+ text run at (296,16) width 0: " "
+ text run at (0,32) width 256: " background-repeat: repeat-y;"
+ text run at (256,32) width 0: " "
+ text run at (0,48) width 264: " background-attachment: fixed;"
+ text run at (264,48) width 0: " "
+ text run at (0,64) width 24: " }"
+ text run at (24,64) width 0: " "
+ RenderBlock {P} at (4,470.53) size 762x54
RenderInline {EM} at (0,0) size 73x17
RenderText {#text} at (0,0) size 73x17
text run at (0,0) width 73: "CSS1 core:"