blob: cb03d3b11402a29de64805e034cc1c7c0dcee899 [file] [log] [blame]
layer at (0,0) size 785x974
RenderView at (0,0) size 785x600
layer at (0,0) size 785x974
RenderBlock {HTML} at (0,0) size 785x974
RenderBody {BODY} at (8,8) size 769x958
RenderBlock {P} at (0,0) size 769x20
RenderText {#text} at (0,0) size 126x19
text run at (0,0) width 126: "This is a table with a "
RenderInline {CODE} at (0,0) size 120x16
RenderText {#text} at (126,3) size 120x16
text run at (126,3) width 120: "td align=center"
RenderText {#text} at (246,0) size 178x19
text run at (246,0) width 178: " that has a p, a table, and a p."
RenderTable {TABLE} at (0,36) size 231x112 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 229x110
RenderTableRow {TR} at (0,2) size 229x106
RenderTableCell {TD} at (2,2) size 225x106 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderBlock {P} at (2,2) size 221x20
RenderText {#text} at (99,0) size 23x19
text run at (99,0) width 23: "text"
RenderTable {TABLE} at (24,38) size 177x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 175x28
RenderTableRow {TR} at (0,2) size 175x24
RenderTableCell {TD} at (2,2) size 171x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 34x19
text run at (2,2) width 34: "text 3"
RenderBlock {P} at (2,84) size 221x20
RenderText {#text} at (99,0) size 23x19
text run at (99,0) width 23: "text"
RenderBlock {P} at (0,164) size 769x80
RenderText {#text} at (0,0) size 170x19
text run at (0,0) width 170: "This time the inner table has "
RenderInline {CODE} at (0,0) size 96x16
RenderText {#text} at (170,3) size 96x16
text run at (170,3) width 96: "width=\"100%\""
RenderText {#text} at (266,0) size 754x79
text run at (266,0) width 370: ", so you can see that the CSS spec isn't quite being followed. "
text run at (636,0) width 118: "The CSS spec says"
text run at (0,20) width 722: "that the align=center carries down as text-align and never acts to move blocks. You're not moving the block for the table"
text run at (0,40) width 350: "(above), but you're not doing the text-align inside it either. "
text run at (350,40) width 384: "In quirks mode you should do the former, in standard mode, the"
text run at (0,60) width 34: "latter."
RenderTable {TABLE} at (0,260) size 231x112 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 229x110
RenderTableRow {TR} at (0,2) size 229x106
RenderTableCell {TD} at (2,2) size 225x106 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderBlock {P} at (2,2) size 221x20
RenderText {#text} at (99,0) size 23x19
text run at (99,0) width 23: "text"
RenderTable {TABLE} at (2,38) size 221x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 219x28
RenderTableRow {TR} at (0,2) size 219x24
RenderTableCell {TD} at (2,2) size 215x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 34x19
text run at (2,2) width 34: "text 3"
RenderBlock {P} at (2,84) size 221x20
RenderText {#text} at (99,0) size 23x19
text run at (99,0) width 23: "text"
RenderBlock (anonymous) at (0,372) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (234,392) size 301x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 298x28
RenderTableRow {TR} at (0,2) size 298x24
RenderTableCell {TD} at (2,2) size 294x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 100x19
text run at (2,2) width 100: "Data of Table 1!"
RenderBlock (anonymous) at (0,422) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,442) size 300x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 298x28
RenderTableRow {TR} at (0,2) size 298x24
RenderTableCell {TD} at (2,2) size 294x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (97,2) size 100x19
text run at (97,2) width 100: "Data of Table 2!"
RenderBlock (anonymous) at (0,472) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderBlock {DIV} at (0,492) size 769x28 [border: (1px solid #000000)]
RenderTable {TABLE} at (331,1) size 107x26
RenderTableSection {TBODY} at (0,0) size 106x26
RenderTableRow {TR} at (0,2) size 106x22
RenderTableCell {TD} at (2,2) size 102x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 100x19
text run at (1,1) width 100: "Data of Table 3!"
RenderBlock (anonymous) at (0,520) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderBlock {DIV} at (0,540) size 769x28 [border: (1px solid #000000)]
RenderTable {TABLE} at (1,1) size 106x26
RenderTableSection {TBODY} at (0,0) size 106x26
RenderTableRow {TR} at (0,2) size 106x22
RenderTableCell {TD} at (2,2) size 102x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 100x19
text run at (1,1) width 100: "Data of Table 4!"
RenderBlock (anonymous) at (0,568) size 769x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,588) size 769x52
RenderTableSection {TBODY} at (0,0) size 769x52
RenderTableRow {TR} at (0,2) size 769x48
RenderTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1]
RenderBlock (anonymous) at (1,1) size 763x20
RenderText {#text} at (328,0) size 107x19
text run at (328,0) width 107: "Text, followed by"
RenderTable {TABLE} at (355,21) size 55x26
RenderTableSection {TBODY} at (0,0) size 54x26
RenderTableRow {TR} at (0,2) size 54x22
RenderTableCell {TD} at (2,2) size 50x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 48x19
text run at (1,1) width 48: "A table."
RenderBlock {P} at (0,656) size 769x20
RenderText {#text} at (0,0) size 269x19
text run at (0,0) width 269: "...should look identical to the first one below:"
RenderTable {TABLE} at (0,692) size 769x52
RenderTableSection {TBODY} at (0,0) size 769x52
RenderTableRow {TR} at (0,2) size 769x48
RenderTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 763x20
RenderText {#text} at (328,0) size 107x19
text run at (328,0) width 107: "Text, followed by"
RenderTable {TABLE} at (1,21) size 763x26
RenderTableSection {TBODY} at (0,0) size 763x26
RenderTableRow {TR} at (0,2) size 763x22
RenderTableCell {TD} at (2,2) size 759x22 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 757x20
RenderText {#text} at (354,0) size 49x19
text run at (354,0) width 49: "A table."
RenderBlock {P} at (0,760) size 769x72
RenderBlock (anonymous) at (0,0) size 769x20
RenderText {#text} at (0,0) size 379x19
text run at (0,0) width 379: "However, in standard mode, the first table should look like this:"
RenderTable {TABLE} at (0,20) size 769x52
RenderTableSection {TBODY} at (0,0) size 769x52
RenderTableRow {TR} at (0,2) size 769x48
RenderTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 763x20
RenderText {#text} at (328,0) size 107x19
text run at (328,0) width 107: "Text, followed by"
RenderTable {TABLE} at (1,21) size 763x26
RenderTableSection {TBODY} at (0,0) size 763x26
RenderTableRow {TR} at (0,2) size 763x22
RenderTableCell {TD} at (2,2) size 759x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 48x19
text run at (1,1) width 48: "A table."
RenderBlock {P} at (0,848) size 769x20
RenderText {#text} at (0,0) size 622x19
text run at (0,0) width 622: "For reference, the second table has its text all centered, the third table has the \"A table.\" line aligned left."
RenderBlock {HR} at (0,884) size 769x2 [border: (1px inset #000000)]
RenderBlock {P} at (0,902) size 769x20
RenderText {#text} at (0,0) size 58x19
text run at (0,0) width 58: "See also: "
RenderInline {A} at (0,0) size 124x19 [color=#0000EE]
RenderText {#text} at (58,0) size 124x19
text run at (58,0) width 124: "Strict Mode Version"
RenderText {#text} at (0,0) size 0x0
RenderBlock (anonymous) at (0,938) size 769x20
RenderText {#text} at (0,0) size 21x19
text run at (0,0) width 21: "-->"