blob: b2f7b561db97140f6b2aa9077a87ec5a1a7f415c [file] [log] [blame]
layer at (0,0) size 800x1062
RenderView at (0,0) size 800x600
layer at (0,0) size 800x1062
RenderBlock {HTML} at (0,0) size 800x1062
RenderBody {BODY} at (8,16) size 784x1038
RenderBlock {P} at (0,0) size 784x20
RenderText {#text} at (0,0) size 137x19
text run at (0,0) width 137: "This is a table with a "
RenderInline {CODE} at (0,0) size 118x14
RenderText {#text} at (136,5) size 118x14
text run at (136,5) width 118: "td align=center"
RenderText {#text} at (253,0) size 186x19
text run at (253,0) width 186: " that has a p, a table, and a p."
RenderTable {TABLE} at (0,36) size 236x144 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 234x142
RenderTableRow {TR} at (0,2) size 234x138
RenderTableCell {TD} at (2,2) size 230x138 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderBlock {P} at (2,18) size 226x20
RenderText {#text} at (100,0) size 25x19
text run at (100,0) width 25: "text"
RenderTable {TABLE} at (24,54) size 181x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 179x28
RenderTableRow {TR} at (0,2) size 179x24
RenderTableCell {TD} at (2,2) size 175x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 36x19
text run at (2,2) width 36: "text 3"
RenderBlock {P} at (2,100) size 226x20
RenderText {#text} at (100,0) size 25x19
text run at (100,0) width 25: "text"
RenderBlock {P} at (0,196) size 784x80
RenderText {#text} at (0,0) size 186x19
text run at (0,0) width 186: "This time the inner table has "
RenderInline {CODE} at (0,0) size 95x14
RenderText {#text} at (185,5) size 95x14
text run at (185,5) width 95: "width=\"100%\""
RenderText {#text} at (279,0) size 766x79
text run at (279,0) width 393: ", so you can see that the CSS spec isn't quite being followed. "
text run at (671,0) width 90: "The CSS spec"
text run at (0,20) width 766: "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,40) width 413: "table (above), but you're not doing the text-align inside it either. "
text run at (412,40) width 341: "In quirks mode you should do the former, in standard"
text run at (0,60) width 104: "mode, the latter."
RenderTable {TABLE} at (0,292) size 236x144 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 234x142
RenderTableRow {TR} at (0,2) size 234x138
RenderTableCell {TD} at (2,2) size 230x138 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderBlock {P} at (2,18) size 226x20
RenderText {#text} at (100,0) size 25x19
text run at (100,0) width 25: "text"
RenderTable {TABLE} at (2,54) size 226x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 224x28
RenderTableRow {TR} at (0,2) size 224x24
RenderTableCell {TD} at (2,2) size 220x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 36x19
text run at (2,2) width 36: "text 3"
RenderBlock {P} at (2,100) size 226x20
RenderText {#text} at (100,0) size 25x19
text run at (100,0) width 25: "text"
RenderBlock (anonymous) at (0,436) size 784x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (242,456) 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 (2,2) size 105x19
text run at (2,2) width 105: "Data of Table 1!"
RenderBlock (anonymous) at (0,486) size 784x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,506) 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 (94,2) size 106x19
text run at (94,2) width 106: "Data of Table 2!"
RenderBlock (anonymous) at (0,536) size 784x20
RenderBR {BR} at (0,0) size 0x19
RenderBlock {DIV} at (0,556) size 784x28 [border: (1px solid #000000)]
RenderTable {TABLE} at (336,1) size 112x26
RenderTableSection {TBODY} at (0,0) size 111x26
RenderTableRow {TR} at (0,2) size 111x22
RenderTableCell {TD} at (2,2) size 107x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 105x19
text run at (1,1) width 105: "Data of Table 3!"
RenderBlock (anonymous) at (0,584) size 784x20
RenderBR {BR} at (0,0) size 0x19
RenderBlock {DIV} at (0,604) size 784x28 [border: (1px solid #000000)]
RenderTable {TABLE} at (1,1) size 111x26
RenderTableSection {TBODY} at (0,0) size 111x26
RenderTableRow {TR} at (0,2) size 111x22
RenderTableCell {TD} at (2,2) size 107x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 105x19
text run at (1,1) width 105: "Data of Table 4!"
RenderBlock (anonymous) at (0,632) size 784x20
RenderBR {BR} at (0,0) size 0x19
RenderTable {TABLE} at (0,652) size 784x52
RenderTableSection {TBODY} at (0,0) size 784x52
RenderTableRow {TR} at (0,2) size 784x48
RenderTableCell {TD} at (2,2) size 780x48 [r=0 c=0 rs=1 cs=1]
RenderBlock (anonymous) at (1,1) size 778x20
RenderText {#text} at (332,0) size 114x19
text run at (332,0) width 114: "Text, followed by"
RenderTable {TABLE} at (362,21) size 56x26
RenderTableSection {TBODY} at (0,0) size 56x26
RenderTableRow {TR} at (0,2) size 56x22
RenderTableCell {TD} at (2,2) size 52x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 50x19
text run at (1,1) width 50: "A table."
RenderBlock {P} at (0,720) size 784x20
RenderText {#text} at (0,0) size 291x19
text run at (0,0) width 291: "...should look identical to the first one below:"
RenderTable {TABLE} at (0,756) size 784x52
RenderTableSection {TBODY} at (0,0) size 784x52
RenderTableRow {TR} at (0,2) size 784x48
RenderTableCell {TD} at (2,2) size 780x48 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 778x20
RenderText {#text} at (332,0) size 114x19
text run at (332,0) width 114: "Text, followed by"
RenderTable {TABLE} at (1,21) size 778x26
RenderTableSection {TBODY} at (0,0) size 778x26
RenderTableRow {TR} at (0,2) size 778x22
RenderTableCell {TD} at (2,2) size 774x22 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 772x20
RenderText {#text} at (361,0) size 50x19
text run at (361,0) width 50: "A table."
RenderBlock {P} at (0,824) size 784x20
RenderText {#text} at (0,0) size 408x19
text run at (0,0) width 408: "However, in standard mode, the first table should look like this:"
RenderTable {TABLE} at (0,860) size 784x52
RenderTableSection {TBODY} at (0,0) size 784x52
RenderTableRow {TR} at (0,2) size 784x48
RenderTableCell {TD} at (2,2) size 780x48 [r=0 c=0 rs=1 cs=1]
RenderBlock {DIV} at (1,1) size 778x20
RenderText {#text} at (332,0) size 114x19
text run at (332,0) width 114: "Text, followed by"
RenderTable {TABLE} at (1,21) size 778x26
RenderTableSection {TBODY} at (0,0) size 778x26
RenderTableRow {TR} at (0,2) size 778x22
RenderTableCell {TD} at (2,2) size 774x22 [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (1,1) size 50x19
text run at (1,1) width 50: "A table."
RenderBlock {P} at (0,928) size 784x20
RenderText {#text} at (0,0) size 669x19
text run at (0,0) width 669: "For reference, the second table has its text all centered, the third table has the \"A table.\" line aligned left."
RenderBlock {HR} at (0,964) size 784x2 [border: (1px inset #000000)]
RenderBlock {P} at (0,982) size 784x20
RenderText {#text} at (0,0) size 62x19
text run at (0,0) width 62: "See also: "
RenderInline {A} at (0,0) size 130x19 [color=#0000EE]
RenderText {#text} at (61,0) size 130x19
text run at (61,0) width 130: "Strict Mode Version"
RenderText {#text} at (0,0) size 0x0
RenderBlock (anonymous) at (0,1018) size 784x20
RenderText {#text} at (0,0) size 20x19
text run at (0,0) width 20: "-->"