-layer at (0,0) size 785x1379
+layer at (0,0) size 785x1395
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1379
- RenderBlock {HTML} at (0,0) size 785x1379.19
- RenderBody {BODY} at (8,17.41) size 769x1353.78 [color=#00FF00] [bgcolor=#333333]
+layer at (0,0) size 785x1395
+ RenderBlock {HTML} at (0,0) size 785x1395.19
+ RenderBody {BODY} at (8,17.41) size 769x1369.78 [color=#00FF00] [bgcolor=#333333]
RenderBlock {H1} at (0,0) size 769x30
RenderText {#text} at (0,0) size 515x30
text run at (0,0) width 515: "CSS2 Table Backgrounds Test Suite"
RenderBlock {H2} at (0,47.41) size 769x22
RenderText {#text} at (0,0) size 270x22
text run at (0,0) width 270: "Part A: Background Area"
- RenderBlock {H3} at (0,85.58) size 769x18
- RenderText {#text} at (0,0) size 311x18
- text run at (0,0) width 311: "Background on 'table-column-group'"
- RenderBlock {P} at (0,118.78) size 769x30
- RenderText {#text} at (0,0) size 742x30
- text run at (0,0) width 352: "The first column group spans the first three "
- text run at (351,0) width 391: "columns. The second column group only contains the"
- text run at (0,15) width 94: "last column."
- RenderBlock {P} at (0,161.78) size 769x60
- RenderText {#text} at (0,0) size 742x60
- text run at (0,0) width 406: "The table column group background should be visible "
- text run at (405,0) width 274: "within the border edge of each cell"
- text run at (0,15) width 203: "originating in the column "
- text run at (202,15) width 516: "group. Within each column group, all stripes should line up as if "
- text run at (717,15) width 25: "the"
- text run at (0,30) width 476: "cells were cutouts in a stencil placed over the column group "
- text run at (475,30) width 220: "background. Furthermore, the"
- text run at (0,45) width 289: "horizontal stripes should also align "
- text run at (288,45) width 227: "across the two column groups."
- RenderBlock {P} at (0,234.78) size 769x45
- RenderText {#text} at (0,0) size 757x45
- text run at (0,0) width 367: "A purple band should align with the top border "
- text run at (366,0) width 391: "edge of the cells in the first row. An aqua stripe"
- text run at (0,15) width 118: "should align a "
- text run at (117,15) width 500: "few pixels to the right of the left border edge of cells in the "
- text run at (616,15) width 110: "column group's"
- text run at (0,30) width 125: "leftmost column."
- RenderBlock {DL} at (0,292.78) size 769x90
- RenderBlock {DT} at (0,0) size 769x15
- RenderText {#text} at (0,0) size 32x15
+ RenderBlock {H3} at (0,85.58) size 769x17
+ RenderText {#text} at (0,0) size 306x17
+ text run at (0,0) width 306: "Background on 'table-column-group'"
+ RenderBlock {P} at (0,117.78) size 769x32
+ RenderText {#text} at (0,0) size 760x32
+ text run at (0,0) width 360: "The first column group spans the first three "
+ text run at (360,0) width 400: "columns. The second column group only contains the"
+ text run at (0,16) width 96: "last column."
+ RenderBlock {P} at (0,162.78) size 769x64
+ RenderText {#text} at (0,0) size 760x64
+ text run at (0,0) width 416: "The table column group background should be visible "
+ text run at (416,0) width 280: "within the border edge of each cell"
+ text run at (0,16) width 208: "originating in the column "
+ text run at (208,16) width 528: "group. Within each column group, all stripes should line up as if "
+ text run at (736,16) width 24: "the"
+ text run at (0,32) width 488: "cells were cutouts in a stencil placed over the column group "
+ text run at (488,32) width 224: "background. Furthermore, the"
+ text run at (0,48) width 296: "horizontal stripes should also align "
+ text run at (296,48) width 232: "across the two column groups."
+ RenderBlock {P} at (0,239.78) size 769x48
+ RenderText {#text} at (0,0) size 736x48
+ text run at (0,0) width 376: "A purple band should align with the top border "
+ text run at (376,0) width 344: "edge of the cells in the first row. An aqua"
+ text run at (0,16) width 176: "stripe should align a "
+ text run at (176,16) width 512: "few pixels to the right of the left border edge of cells in the "
+ text run at (688,16) width 48: "column"
+ text run at (0,32) width 192: "group's leftmost column."
+ RenderBlock {DL} at (0,300.78) size 769x96
+ RenderBlock {DT} at (0,0) size 769x16
+ RenderText {#text} at (0,0) size 32x16
text run at (0,0) width 32: "next"
- RenderBlock {DD} at (40,15) size 729x15
- RenderInline {A} at (0,0) size 328x15 [color=#FFFF00]
- RenderText {#text} at (0,0) size 328x15
- text run at (0,0) width 328: "Background Area: Background on 'table-row'"
+ RenderBlock {DD} at (40,16) size 729x16
+ RenderInline {A} at (0,0) size 336x16 [color=#FFFF00]
+ RenderText {#text} at (0,0) size 336x16
+ text run at (0,0) width 336: "Background Area: Background on 'table-row'"
RenderText {#text} at (0,0) size 0x0
- RenderBlock {DT} at (0,30) size 769x15
- RenderText {#text} at (0,0) size 63x15
- text run at (0,0) width 63: "previous"
- RenderBlock {DD} at (40,45) size 729x15
- RenderInline {A} at (0,0) size 375x15 [color=#FFFF00]
- RenderText {#text} at (0,0) size 375x15
- text run at (0,0) width 375: "Background Area: Background on 'table-row-group'"
+ RenderBlock {DT} at (0,32) size 769x16
+ RenderText {#text} at (0,0) size 64x16
+ text run at (0,0) width 64: "previous"
+ RenderBlock {DD} at (40,48) size 729x16
+ RenderInline {A} at (0,0) size 384x16 [color=#FFFF00]
+ RenderText {#text} at (0,0) size 384x16
+ text run at (0,0) width 384: "Background Area: Background on 'table-row-group'"
RenderText {#text} at (0,0) size 0x0
- RenderBlock {DT} at (0,60) size 769x15
- RenderText {#text} at (0,0) size 63x15
- text run at (0,0) width 63: "contents"
- RenderBlock {DD} at (40,75) size 729x15
- RenderInline {A} at (0,0) size 133x15 [color=#FFFF00]
- RenderText {#text} at (0,0) size 133x15
- text run at (0,0) width 133: "Table of Contents"
+ RenderBlock {DT} at (0,64) size 769x16
+ RenderText {#text} at (0,0) size 64x16
+ text run at (0,0) width 64: "contents"
+ RenderBlock {DD} at (40,80) size 729x16
+ RenderInline {A} at (0,0) size 136x16 [color=#FFFF00]
+ RenderText {#text} at (0,0) size 136x16
+ text run at (0,0) width 136: "Table of Contents"
RenderText {#text} at (0,0) size 0x0
- RenderTable {TABLE} at (0,395.78) size 618x471 [color=#FFFFFF] [border: (1px dotted #FFFFFF)]
+ RenderTable {TABLE} at (0,409.78) size 618x471 [color=#FFFFFF] [border: (1px dotted #FFFFFF)]
RenderBlock {CAPTION} at (0,0) size 618x27
RenderText {#text} at (142,0) size 334x27
text run at (142,0) width 334: "With 'border-collapse: separate'"
RenderTableCell {TD} at (496,141) size 113x31 [border: (1px dotted #FFFFFF)] [r=1 c=3 rs=1 cs=1]
RenderText {#text} at (2,2) size 49x27
text run at (2,2) width 49: "TD L"
- RenderTable {TABLE} at (0,866.78) size 578x437 [color=#FFFFFF] [border: (6px dotted #FFFFFF)]
+ RenderTable {TABLE} at (0,880.78) size 578x437 [color=#FFFFFF] [border: (6px dotted #FFFFFF)]
RenderBlock {CAPTION} at (0,0) size 578x27
RenderText {#text} at (124,0) size 330x27
text run at (124,0) width 330: "With 'border-collapse: collapse'"
RenderTableCell {TD} at (465,133) size 112x30 [border: (1px dotted #FFFFFF)] [r=1 c=3 rs=1 cs=1]
RenderText {#text} at (2,2) size 49x27
text run at (2,2) width 49: "TD L"
- RenderBlock {DIV} at (0,1303.78) size 769x35
- RenderInline {A} at (0,0) size 88x15 [color=#FFFF00]
+ RenderBlock {DIV} at (0,1317.78) size 769x35
+ RenderInline {A} at (0,0) size 88x16 [color=#FFFF00]
RenderImage {IMG} at (0,0) size 88x31
RenderText {#text} at (0,0) size 0x0
- RenderBlock {ADDRESS} at (0,1338.78) size 769x15
- RenderText {#text} at (0,0) size 687x15
- text run at (0,0) width 687: "CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>"
+ RenderBlock {ADDRESS} at (0,1352.78) size 769x17
+ RenderText {#text} at (0,0) size 704x17
+ text run at (0,0) width 704: "CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>"