-layer at (0,0) size 785x912
+layer at (0,0) size 785x850
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x912
- RenderBlock {HTML} at (0,0) size 785x912
- RenderBody {BODY} at (8,8) size 769x896
- RenderBlock {P} at (0,0) size 769x18
- RenderText {#text} at (0,0) size 134x18
- text run at (0,0) width 134: "This is a table with a "
- RenderInline {CODE} at (0,0) size 120x15
- RenderText {#text} at (134,2) size 120x15
- text run at (134,2) width 120: "td align=center"
- RenderText {#text} at (254,0) size 182x18
- text run at (254,0) width 182: " that has a p, a table, and a p."
- RenderTable {TABLE} at (0,34) size 230x106 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 228x104
- RenderTableRow {TR} at (0,2) size 228x100
- RenderTableCell {TD} at (2,2) size 224x100 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderBlock {P} at (2,2) size 220x18
- RenderText {#text} at (98,0) size 24x18
+layer at (0,0) size 785x850
+ RenderBlock {HTML} at (0,0) size 785x850
+ RenderBody {BODY} at (8,8) size 769x834
+ RenderBlock {P} at (0,0) size 769x16
+ RenderText {#text} at (0,0) size 137x16
+ text run at (0,0) width 137: "This is a table with a "
+ RenderInline {CODE} at (0,0) size 118x13
+ RenderText {#text} at (136,2) size 118x13
+ text run at (136,2) width 118: "td align=center"
+ RenderText {#text} at (253,0) size 186x16
+ text run at (253,0) width 186: " that has a p, a table, and a p."
+ RenderTable {TABLE} at (0,32) size 230x100 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 228x98
+ RenderTableRow {TR} at (0,2) size 228x94
+ RenderTableCell {TD} at (2,2) size 224x94 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderBlock {P} at (2,2) size 220x16
+ RenderText {#text} at (98,0) size 24x16
text run at (98,0) width 24: "text"
- RenderTable {TABLE} at (24,36) size 176x28 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 174x26
- RenderTableRow {TR} at (0,2) size 174x22
- RenderTableCell {TD} at (2,2) size 170x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (2,2) size 35x18
- text run at (2,2) width 35: "text 3"
- RenderBlock {P} at (2,80) size 220x18
- RenderText {#text} at (98,0) size 24x18
+ RenderTable {TABLE} at (24,34) size 176x26 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 174x24
+ RenderTableRow {TR} at (0,2) size 174x20
+ RenderTableCell {TD} at (2,2) size 170x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 36x16
+ text run at (2,2) width 36: "text 3"
+ RenderBlock {P} at (2,76) size 220x16
+ RenderText {#text} at (98,0) size 24x16
text run at (98,0) width 24: "text"
- RenderBlock {P} at (0,156) size 769x72
- RenderText {#text} at (0,0) size 181x18
- text run at (0,0) width 181: "This time the inner table has "
- RenderInline {CODE} at (0,0) size 96x15
- RenderText {#text} at (181,2) size 96x15
- text run at (181,2) width 96: "width=\"100%\""
- RenderText {#text} at (277,0) size 753x72
- text run at (277,0) width 386: ", so you can see that the CSS spec isn't quite being followed. "
- text run at (663,0) width 90: "The CSS spec"
- text run at (0,18) width 752: "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,36) width 403: "table (above), but you're not doing the text-align inside it either. "
- text run at (403,36) width 335: "In quirks mode you should do the former, in standard"
- text run at (0,54) width 101: "mode, the latter."
- RenderTable {TABLE} at (0,244) size 230x106 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 228x104
- RenderTableRow {TR} at (0,2) size 228x100
- RenderTableCell {TD} at (2,2) size 224x100 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderBlock {P} at (2,2) size 220x18
- RenderText {#text} at (98,0) size 24x18
+ RenderBlock {P} at (0,148) size 769x64
+ RenderText {#text} at (0,0) size 186x16
+ text run at (0,0) width 186: "This time the inner table has "
+ RenderInline {CODE} at (0,0) size 95x13
+ RenderText {#text} at (185,2) size 95x13
+ text run at (185,2) width 95: "width=\"100%\""
+ RenderText {#text} at (279,0) size 767x64
+ 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,16) width 767: "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,32) width 413: "table (above), but you're not doing the text-align inside it either. "
+ text run at (412,32) width 343: "In quirks mode you should do the former, in standard"
+ text run at (0,48) width 104: "mode, the latter."
+ RenderTable {TABLE} at (0,228) size 230x100 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 228x98
+ RenderTableRow {TR} at (0,2) size 228x94
+ RenderTableCell {TD} at (2,2) size 224x94 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderBlock {P} at (2,2) size 220x16
+ RenderText {#text} at (98,0) size 24x16
text run at (98,0) width 24: "text"
- RenderTable {TABLE} at (2,36) size 220x28 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 218x26
- RenderTableRow {TR} at (0,2) size 218x22
- RenderTableCell {TD} at (2,2) size 214x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (2,2) size 35x18
- text run at (2,2) width 35: "text 3"
- RenderBlock {P} at (2,80) size 220x18
- RenderText {#text} at (98,0) size 24x18
+ RenderTable {TABLE} at (2,34) size 220x26 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 218x24
+ RenderTableRow {TR} at (0,2) size 218x20
+ RenderTableCell {TD} at (2,2) size 214x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 36x16
+ text run at (2,2) width 36: "text 3"
+ RenderBlock {P} at (2,76) size 220x16
+ RenderText {#text} at (98,0) size 24x16
text run at (98,0) width 24: "text"
- RenderBlock (anonymous) at (0,350) size 769x18
- RenderBR {BR} at (0,0) size 0x18
- RenderTable {TABLE} at (234.50,368) size 300x28 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 298x26
- RenderTableRow {TR} at (0,2) size 298x22
- RenderTableCell {TD} at (2,2) size 294x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (2,2) size 104x18
- text run at (2,2) width 104: "Data of Table 1!"
- RenderBlock (anonymous) at (0,396) size 769x18
- RenderBR {BR} at (0,0) size 0x18
- RenderTable {TABLE} at (0,414) size 300x28 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 298x26
- RenderTableRow {TR} at (0,2) size 298x22
- RenderTableCell {TD} at (2,2) size 294x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (95,2) size 104x18
- text run at (95,2) width 104: "Data of Table 2!"
- RenderBlock (anonymous) at (0,442) size 769x18
- RenderBR {BR} at (0,0) size 0x18
- RenderBlock {DIV} at (0,460) size 769x26 [border: (1px solid #000000)]
- RenderTable {TABLE} at (329.50,1) size 110x24
- RenderTableSection {TBODY} at (0,0) size 110x24
- RenderTableRow {TR} at (0,2) size 110x20
- RenderTableCell {TD} at (2,2) size 106x20 [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (1,1) size 104x18
- text run at (1,1) width 104: "Data of Table 3!"
- RenderBlock (anonymous) at (0,486) size 769x18
- RenderBR {BR} at (0,0) size 0x18
- RenderBlock {DIV} at (0,504) size 769x26 [border: (1px solid #000000)]
- RenderTable {TABLE} at (1,1) size 110x24
- RenderTableSection {TBODY} at (0,0) size 110x24
- RenderTableRow {TR} at (0,2) size 110x20
- RenderTableCell {TD} at (2,2) size 106x20 [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (1,1) size 104x18
- text run at (1,1) width 104: "Data of Table 4!"
- RenderBlock (anonymous) at (0,530) size 769x18
- RenderBR {BR} at (0,0) size 0x18
- RenderTable {TABLE} at (0,548) size 769x48
- RenderTableSection {TBODY} at (0,0) size 769x48
- RenderTableRow {TR} at (0,2) size 769x44
- RenderTableCell {TD} at (2,2) size 765x44 [r=0 c=0 rs=1 cs=1]
- RenderBlock (anonymous) at (1,1) size 763x18
- RenderText {#text} at (325,0) size 113x18
- text run at (325,0) width 113: "Text, followed by"
- RenderTable {TABLE} at (354.50,19) size 56x24
- RenderTableSection {TBODY} at (0,0) size 56x24
- RenderTableRow {TR} at (0,2) size 56x20
- RenderTableCell {TD} at (2,2) size 52x20 [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (1,1) size 50x18
- text run at (1,1) width 50: "A table."
- RenderBlock {P} at (0,612) size 769x18
- RenderText {#text} at (0,0) size 284x18
- text run at (0,0) width 284: "...should look identical to the first one below:"
- RenderTable {TABLE} at (0,646) size 769x48
- RenderTableSection {TBODY} at (0,0) size 769x48
- RenderTableRow {TR} at (0,2) size 769x44
- RenderTableCell {TD} at (2,2) size 765x44 [r=0 c=0 rs=1 cs=1]
- RenderBlock {DIV} at (1,1) size 763x18
- RenderText {#text} at (325,0) size 113x18
- text run at (325,0) width 113: "Text, followed by"
- RenderTable {TABLE} at (1,19) size 763x24
- RenderTableSection {TBODY} at (0,0) size 763x24
- RenderTableRow {TR} at (0,2) size 763x20
- RenderTableCell {TD} at (2,2) size 759x20 [r=0 c=0 rs=1 cs=1]
- RenderBlock {DIV} at (1,1) size 757x18
- RenderText {#text} at (353,0) size 51x18
+ RenderBlock (anonymous) at (0,328) size 769x16
+ RenderBR {BR} at (0,0) size 0x16
+ RenderTable {TABLE} at (234.50,344) size 300x26 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 298x24
+ RenderTableRow {TR} at (0,2) size 298x20
+ RenderTableCell {TD} at (2,2) size 294x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 106x16
+ text run at (2,2) width 106: "Data of Table 1!"
+ RenderBlock (anonymous) at (0,370) size 769x16
+ RenderBR {BR} at (0,0) size 0x16
+ RenderTable {TABLE} at (0,386) size 300x26 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 298x24
+ RenderTableRow {TR} at (0,2) size 298x20
+ RenderTableCell {TD} at (2,2) size 294x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (94,2) size 106x16
+ text run at (94,2) width 106: "Data of Table 2!"
+ RenderBlock (anonymous) at (0,412) size 769x16
+ RenderBR {BR} at (0,0) size 0x16
+ RenderBlock {DIV} at (0,428) size 769x24 [border: (1px solid #000000)]
+ RenderTable {TABLE} at (328.50,1) size 112x22
+ RenderTableSection {TBODY} at (0,0) size 112x22
+ RenderTableRow {TR} at (0,2) size 112x18
+ RenderTableCell {TD} at (2,2) size 108x18 [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (1,1) size 106x16
+ text run at (1,1) width 106: "Data of Table 3!"
+ RenderBlock (anonymous) at (0,452) size 769x16
+ RenderBR {BR} at (0,0) size 0x16
+ RenderBlock {DIV} at (0,468) size 769x24 [border: (1px solid #000000)]
+ RenderTable {TABLE} at (1,1) size 112x22
+ RenderTableSection {TBODY} at (0,0) size 112x22
+ RenderTableRow {TR} at (0,2) size 112x18
+ RenderTableCell {TD} at (2,2) size 108x18 [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (1,1) size 106x16
+ text run at (1,1) width 106: "Data of Table 4!"
+ RenderBlock (anonymous) at (0,492) size 769x16
+ RenderBR {BR} at (0,0) size 0x16
+ RenderTable {TABLE} at (0,508) size 769x44
+ RenderTableSection {TBODY} at (0,0) size 769x44
+ RenderTableRow {TR} at (0,2) size 769x40
+ RenderTableCell {TD} at (2,2) size 765x40 [r=0 c=0 rs=1 cs=1]
+ RenderBlock (anonymous) at (1,1) size 763x16
+ RenderText {#text} at (324,0) size 115x16
+ text run at (324,0) width 115: "Text, followed by"
+ RenderTable {TABLE} at (354,17) size 57x22
+ RenderTableSection {TBODY} at (0,0) size 57x22
+ RenderTableRow {TR} at (0,2) size 57x18
+ RenderTableCell {TD} at (2,2) size 53x18 [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (1,1) size 51x16
+ text run at (1,1) width 51: "A table."
+ RenderBlock {P} at (0,568) size 769x16
+ RenderText {#text} at (0,0) size 291x16
+ text run at (0,0) width 291: "...should look identical to the first one below:"
+ RenderTable {TABLE} at (0,600) size 769x44
+ RenderTableSection {TBODY} at (0,0) size 769x44
+ RenderTableRow {TR} at (0,2) size 769x40
+ RenderTableCell {TD} at (2,2) size 765x40 [r=0 c=0 rs=1 cs=1]
+ RenderBlock {DIV} at (1,1) size 763x16
+ RenderText {#text} at (324,0) size 115x16
+ text run at (324,0) width 115: "Text, followed by"
+ RenderTable {TABLE} at (1,17) size 763x22
+ RenderTableSection {TBODY} at (0,0) size 763x22
+ RenderTableRow {TR} at (0,2) size 763x18
+ RenderTableCell {TD} at (2,2) size 759x18 [r=0 c=0 rs=1 cs=1]
+ RenderBlock {DIV} at (1,1) size 757x16
+ RenderText {#text} at (353,0) size 51x16
text run at (353,0) width 51: "A table."
- RenderBlock {P} at (0,710) size 769x66
- RenderBlock (anonymous) at (0,0) size 769x18
- RenderText {#text} at (0,0) size 399x18
- text run at (0,0) width 399: "However, in standard mode, the first table should look like this:"
- RenderTable {TABLE} at (0,18) size 769x48
- RenderTableSection {TBODY} at (0,0) size 769x48
- RenderTableRow {TR} at (0,2) size 769x44
- RenderTableCell {TD} at (2,2) size 765x44 [r=0 c=0 rs=1 cs=1]
- RenderBlock {DIV} at (1,1) size 763x18
- RenderText {#text} at (325,0) size 113x18
- text run at (325,0) width 113: "Text, followed by"
- RenderTable {TABLE} at (1,19) size 763x24
- RenderTableSection {TBODY} at (0,0) size 763x24
- RenderTableRow {TR} at (0,2) size 763x20
- RenderTableCell {TD} at (2,2) size 759x20 [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (1,1) size 50x18
- text run at (1,1) width 50: "A table."
- RenderBlock {P} at (0,792) size 769x18
- RenderText {#text} at (0,0) size 654x18
- text run at (0,0) width 654: "For reference, the second table has its text all centered, the third table has the \"A table.\" line aligned left."
- RenderBlock {HR} at (0,826) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,844) size 769x18
- RenderText {#text} at (0,0) size 60x18
- text run at (0,0) width 60: "See also: "
- RenderInline {A} at (0,0) size 128x18 [color=#0000EE]
- RenderText {#text} at (60,0) size 128x18
- text run at (60,0) width 128: "Strict Mode Version"
+ RenderBlock {P} at (0,660) size 769x60
+ RenderBlock (anonymous) at (0,0) size 769x16
+ RenderText {#text} at (0,0) size 408x16
+ text run at (0,0) width 408: "However, in standard mode, the first table should look like this:"
+ RenderTable {TABLE} at (0,16) size 769x44
+ RenderTableSection {TBODY} at (0,0) size 769x44
+ RenderTableRow {TR} at (0,2) size 769x40
+ RenderTableCell {TD} at (2,2) size 765x40 [r=0 c=0 rs=1 cs=1]
+ RenderBlock {DIV} at (1,1) size 763x16
+ RenderText {#text} at (324,0) size 115x16
+ text run at (324,0) width 115: "Text, followed by"
+ RenderTable {TABLE} at (1,17) size 763x22
+ RenderTableSection {TBODY} at (0,0) size 763x22
+ RenderTableRow {TR} at (0,2) size 763x18
+ RenderTableCell {TD} at (2,2) size 759x18 [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (1,1) size 51x16
+ text run at (1,1) width 51: "A table."
+ RenderBlock {P} at (0,736) size 769x16
+ RenderText {#text} at (0,0) size 670x16
+ text run at (0,0) width 670: "For reference, the second table has its text all centered, the third table has the \"A table.\" line aligned left."
+ RenderBlock {HR} at (0,768) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,786) size 769x16
+ RenderText {#text} at (0,0) size 62x16
+ text run at (0,0) width 62: "See also: "
+ RenderInline {A} at (0,0) size 131x16 [color=#0000EE]
+ RenderText {#text} at (61,0) size 131x16
+ text run at (61,0) width 131: "Strict Mode Version"
RenderText {#text} at (0,0) size 0x0
- RenderBlock (anonymous) at (0,878) size 769x18
- RenderText {#text} at (0,0) size 19x18
- text run at (0,0) width 19: "-->"
+ RenderBlock (anonymous) at (0,818) size 769x16
+ RenderText {#text} at (0,0) size 20x16
+ text run at (0,0) width 20: "-->"