blob: 99495fed49b0fc793c64c9c935e66f8aa6a617b8 [file] [log] [blame]
layer at (0,0) size 800x993
RenderView at (0,0) size 800x600
layer at (0,0) size 800x993
RenderBlock {HTML} at (0,0) size 800x993
RenderBody {BODY} at (8,14) size 784x971
RenderBlock {P} at (0,0) size 784x20
RenderText {#text} at (0,0) size 133x19
text run at (0,0) width 133: "This is a table with a "
RenderInline {CODE} at (0,0) size 120x17
RenderText {#text} at (133,2) size 120x17
text run at (133,2) width 120: "td align=center"
RenderText {#text} at (253,0) size 190x19
text run at (253,0) width 190: " that has a p, a table, and a p."
RenderTable {TABLE} at (0,34) size 235x133 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 233x131
RenderTableRow {TR} at (0,2) size 233x127
RenderTableCell {TD} at (2,2) size 229x127 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderBlock {P} at (2,16) size 225x19
RenderText {#text} at (101,0) size 23x19
text run at (101,0) width 23: "text"
RenderTable {TABLE} at (24,49) size 180x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 178x27
RenderTableRow {TR} at (0,2) size 178x23
RenderTableCell {TD} at (2,2) size 174x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 35x19
text run at (2,2) width 35: "text 3"
RenderBlock {P} at (2,92) size 225x19
RenderText {#text} at (101,0) size 23x19
text run at (101,0) width 23: "text"
RenderBlock {P} at (0,181) size 784x77
RenderText {#text} at (0,0) size 184x19
text run at (0,0) width 184: "This time the inner table has "
RenderInline {CODE} at (0,0) size 96x17
RenderText {#text} at (184,2) size 96x17
text run at (184,2) width 96: "width=\"100%\""
RenderText {#text} at (280,0) size 784x77
text run at (280,0) width 389: ", so you can see that the CSS spec isn't quite being followed. "
text run at (669,0) width 91: "The CSS spec"
text run at (0,20) width 755: "says that the align=center carries down as text-align and never acts to move blocks. You're not moving the block for the"
text run at (0,39) width 404: "table (above), but you're not doing the text-align inside it either. "
text run at (404,39) width 380: "In quirks mode you should do the former, in standard mode,"
text run at (0,58) width 60: "the latter."
RenderTable {TABLE} at (0,272) size 235x133 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 233x131
RenderTableRow {TR} at (0,2) size 233x127
RenderTableCell {TD} at (2,2) size 229x127 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderBlock {P} at (2,16) size 225x19
RenderText {#text} at (101,0) size 23x19
text run at (101,0) width 23: "text"
RenderTable {TABLE} at (2,49) size 225x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 223x27
RenderTableRow {TR} at (0,2) size 223x23
RenderTableCell {TD} at (2,2) size 219x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 35x19
text run at (2,2) width 35: "text 3"
RenderBlock {P} at (2,92) size 225x19
RenderText {#text} at (101,0) size 23x19
text run at (101,0) width 23: "text"
RenderBlock (anonymous) at (0,405) size 784x19
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (242,424) size 300x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 298x27
RenderTableRow {TR} at (0,2) size 298x23
RenderTableCell {TD} at (2,2) size 294x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 102x19
text run at (2,2) width 102: "Data of Table 1!"
RenderBlock (anonymous) at (0,453) size 784x19
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,472) size 300x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 298x27
RenderTableRow {TR} at (0,2) size 298x23
RenderTableCell {TD} at (2,2) size 294x23 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (96,2) size 102x19
text run at (96,2) width 102: "Data of Table 2!"
RenderBlock (anonymous) at (0,501) size 784x19
RenderBR {BR} at (0,0) size 0x19
RenderBlock {DIV} at (0,520) size 784x27 [border: (1px solid #000000)]
RenderTable {TABLE} at (338,1) size 108x25
RenderTableSection {TBODY} at (0,0) size 108x25
RenderTableRow {TR} at (0,2) size 108x21
RenderTableCell {TD} at (2,2) size 104x21 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 102x19
text run at (1,1) width 102: "Data of Table 3!"
RenderBlock (anonymous) at (0,547) size 784x19
RenderBR {BR} at (0,0) size 0x19
RenderBlock {DIV} at (0,566) size 784x27 [border: (1px solid #000000)]
RenderTable {TABLE} at (1,1) size 108x25
RenderTableSection {TBODY} at (0,0) size 108x25
RenderTableRow {TR} at (0,2) size 108x21
RenderTableCell {TD} at (2,2) size 104x21 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 102x19
text run at (1,1) width 102: "Data of Table 4!"
RenderBlock (anonymous) at (0,593) size 784x19
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,612) size 784x50
RenderTableSection {TBODY} at (0,0) size 784x50
RenderTableRow {TR} at (0,2) size 784x46
RenderTableCell {TD} at (2,2) size 780x46 [r=0 c=0 rs=1 cs=1]
RenderBlock (anonymous) at (1,1) size 778x19
RenderText {#text} at (335,0) size 107x19
text run at (335,0) width 107: "Text, followed by"
RenderTable {TABLE} at (363,20) size 54x25
RenderTableSection {TBODY} at (0,0) size 54x25
RenderTableRow {TR} at (0,2) size 54x21
RenderTableCell {TD} at (2,2) size 50x21 [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,676) size 784x19
RenderText {#text} at (0,0) size 280x19
text run at (0,0) width 280: "...should look identical to the first one below:"
RenderTable {TABLE} at (0,709) size 784x50
RenderTableSection {TBODY} at (0,0) size 784x50
RenderTableRow {TR} at (0,2) size 784x46
RenderTableCell {TD} at (2,2) size 780x46 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 778x19
RenderText {#text} at (335,0) size 107x19
text run at (335,0) width 107: "Text, followed by"
RenderTable {TABLE} at (1,20) size 778x25
RenderTableSection {TBODY} at (0,0) size 778x25
RenderTableRow {TR} at (0,2) size 778x21
RenderTableCell {TD} at (2,2) size 774x21 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 772x19
RenderText {#text} at (362,0) size 48x19
text run at (362,0) width 48: "A table."
RenderBlock {P} at (0,773) size 784x19
RenderText {#text} at (0,0) size 396x19
text run at (0,0) width 396: "However, in standard mode, the first table should look like this:"
RenderTable {TABLE} at (0,806) size 784x50
RenderTableSection {TBODY} at (0,0) size 784x50
RenderTableRow {TR} at (0,2) size 784x46
RenderTableCell {TD} at (2,2) size 780x46 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 778x19
RenderText {#text} at (335,0) size 107x19
text run at (335,0) width 107: "Text, followed by"
RenderTable {TABLE} at (1,20) size 778x25
RenderTableSection {TBODY} at (0,0) size 778x25
RenderTableRow {TR} at (0,2) size 778x21
RenderTableCell {TD} at (2,2) size 774x21 [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,870) size 784x19
RenderText {#text} at (0,0) size 661x19
text run at (0,0) width 661: "For reference, the second table has its text all centered, the third table has the \"A table.\" line aligned left."
RenderBlock {HR} at (0,903) size 784x2 [border: (1px inset #000000)]
RenderBlock {P} at (0,919) size 784x19
RenderText {#text} at (0,0) size 63x19
text run at (0,0) width 63: "See also: "
RenderInline {A} at (0,0) size 124x19 [color=#0000EE]
RenderText {#text} at (63,0) size 124x19
text run at (63,0) width 124: "Strict Mode Version"
RenderText {#text} at (0,0) size 0x0
RenderBlock (anonymous) at (0,952) size 784x19
RenderText {#text} at (0,0) size 18x19
text run at (0,0) width 18: "-->"