| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1062 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 785x1062 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x1062 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 769x1038 | |
| 6 LayoutBlockFlow {P} at (0,0) size 769x20 | |
| 7 LayoutText {#text} at (0,0) size 126x19 | |
| 8 text run at (0,0) width 126: "This is a table with a " | |
| 9 LayoutInline {CODE} at (0,0) size 120x16 | |
| 10 LayoutText {#text} at (126,3) size 120x16 | |
| 11 text run at (126,3) width 120: "td align=center" | |
| 12 LayoutText {#text} at (246,0) size 178x19 | |
| 13 text run at (246,0) width 178: " that has a p, a table, and a p." | |
| 14 LayoutTable {TABLE} at (0,36) size 230x144 [border: (1px outset #808080)] | |
| 15 LayoutTableSection {TBODY} at (1,1) size 228x142 | |
| 16 LayoutTableRow {TR} at (0,2) size 228x138 | |
| 17 LayoutTableCell {TD} at (2,2) size 224x138 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | |
| 18 LayoutBlockFlow {P} at (2,18) size 220x20 | |
| 19 LayoutText {#text} at (99,0) size 22x19 | |
| 20 text run at (99,0) width 22: "text" | |
| 21 LayoutTable {TABLE} at (24,54) size 176x30 [border: (1px outset #8
08080)] | |
| 22 LayoutTableSection {TBODY} at (1,1) size 174x28 | |
| 23 LayoutTableRow {TR} at (0,2) size 174x24 | |
| 24 LayoutTableCell {TD} at (2,2) size 170x24 [border: (1px inse
t #808080)] [r=0 c=0 rs=1 cs=1] | |
| 25 LayoutText {#text} at (2,2) size 34x19 | |
| 26 text run at (2,2) width 34: "text 3" | |
| 27 LayoutBlockFlow {P} at (2,100) size 220x20 | |
| 28 LayoutText {#text} at (99,0) size 22x19 | |
| 29 text run at (99,0) width 22: "text" | |
| 30 LayoutBlockFlow {P} at (0,196) size 769x80 | |
| 31 LayoutText {#text} at (0,0) size 170x19 | |
| 32 text run at (0,0) width 170: "This time the inner table has " | |
| 33 LayoutInline {CODE} at (0,0) size 96x16 | |
| 34 LayoutText {#text} at (170,3) size 96x16 | |
| 35 text run at (170,3) width 96: "width=\"100%\"" | |
| 36 LayoutText {#text} at (266,0) size 754x79 | |
| 37 text run at (266,0) width 370: ", so you can see that the CSS spec isn
't quite being followed. " | |
| 38 text run at (636,0) width 118: "The CSS spec says" | |
| 39 text run at (0,20) width 720: "that the align=center carries down as t
ext-align and never acts to move blocks. You're not moving the block for the tab
le" | |
| 40 text run at (0,40) width 350: "(above), but you're not doing the text-
align inside it either. " | |
| 41 text run at (349,40) width 384: "In quirks mode you should do the form
er, in standard mode, the" | |
| 42 text run at (0,60) width 34: "latter." | |
| 43 LayoutTable {TABLE} at (0,292) size 230x144 [border: (1px outset #808080)] | |
| 44 LayoutTableSection {TBODY} at (1,1) size 228x142 | |
| 45 LayoutTableRow {TR} at (0,2) size 228x138 | |
| 46 LayoutTableCell {TD} at (2,2) size 224x138 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | |
| 47 LayoutBlockFlow {P} at (2,18) size 220x20 | |
| 48 LayoutText {#text} at (99,0) size 22x19 | |
| 49 text run at (99,0) width 22: "text" | |
| 50 LayoutTable {TABLE} at (2,54) size 220x30 [border: (1px outset #80
8080)] | |
| 51 LayoutTableSection {TBODY} at (1,1) size 218x28 | |
| 52 LayoutTableRow {TR} at (0,2) size 218x24 | |
| 53 LayoutTableCell {TD} at (2,2) size 214x24 [border: (1px inse
t #808080)] [r=0 c=0 rs=1 cs=1] | |
| 54 LayoutText {#text} at (2,2) size 34x19 | |
| 55 text run at (2,2) width 34: "text 3" | |
| 56 LayoutBlockFlow {P} at (2,100) size 220x20 | |
| 57 LayoutText {#text} at (99,0) size 22x19 | |
| 58 text run at (99,0) width 22: "text" | |
| 59 LayoutBlockFlow (anonymous) at (0,436) size 769x20 | |
| 60 LayoutBR {BR} at (0,0) size 0x19 | |
| 61 LayoutTable {TABLE} at (234.50,456) size 300x30 [border: (1px outset #8080
80)] | |
| 62 LayoutTableSection {TBODY} at (1,1) size 298x28 | |
| 63 LayoutTableRow {TR} at (0,2) size 298x24 | |
| 64 LayoutTableCell {TD} at (2,2) size 294x24 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | |
| 65 LayoutText {#text} at (2,2) size 99x19 | |
| 66 text run at (2,2) width 99: "Data of Table 1!" | |
| 67 LayoutBlockFlow (anonymous) at (0,486) size 769x20 | |
| 68 LayoutBR {BR} at (0,0) size 0x19 | |
| 69 LayoutTable {TABLE} at (0,506) size 300x30 [border: (1px outset #808080)] | |
| 70 LayoutTableSection {TBODY} at (1,1) size 298x28 | |
| 71 LayoutTableRow {TR} at (0,2) size 298x24 | |
| 72 LayoutTableCell {TD} at (2,2) size 294x24 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | |
| 73 LayoutText {#text} at (97,2) size 100x19 | |
| 74 text run at (97,2) width 100: "Data of Table 2!" | |
| 75 LayoutBlockFlow (anonymous) at (0,536) size 769x20 | |
| 76 LayoutBR {BR} at (0,0) size 0x19 | |
| 77 LayoutBlockFlow {DIV} at (0,556) size 769x28 [border: (1px solid #000000)] | |
| 78 LayoutTable {TABLE} at (332,1) size 105x26 | |
| 79 LayoutTableSection {TBODY} at (0,0) size 105x26 | |
| 80 LayoutTableRow {TR} at (0,2) size 105x22 | |
| 81 LayoutTableCell {TD} at (2,2) size 101x22 [r=0 c=0 rs=1 cs=1] | |
| 82 LayoutText {#text} at (1,1) size 99x19 | |
| 83 text run at (1,1) width 99: "Data of Table 3!" | |
| 84 LayoutBlockFlow (anonymous) at (0,584) size 769x20 | |
| 85 LayoutBR {BR} at (0,0) size 0x19 | |
| 86 LayoutBlockFlow {DIV} at (0,604) size 769x28 [border: (1px solid #000000)] | |
| 87 LayoutTable {TABLE} at (1,1) size 105x26 | |
| 88 LayoutTableSection {TBODY} at (0,0) size 105x26 | |
| 89 LayoutTableRow {TR} at (0,2) size 105x22 | |
| 90 LayoutTableCell {TD} at (2,2) size 101x22 [r=0 c=0 rs=1 cs=1] | |
| 91 LayoutText {#text} at (1,1) size 99x19 | |
| 92 text run at (1,1) width 99: "Data of Table 4!" | |
| 93 LayoutBlockFlow (anonymous) at (0,632) size 769x20 | |
| 94 LayoutBR {BR} at (0,0) size 0x19 | |
| 95 LayoutTable {TABLE} at (0,652) size 769x52 | |
| 96 LayoutTableSection {TBODY} at (0,0) size 769x52 | |
| 97 LayoutTableRow {TR} at (0,2) size 769x48 | |
| 98 LayoutTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1] | |
| 99 LayoutBlockFlow (anonymous) at (1,1) size 763x20 | |
| 100 LayoutText {#text} at (329,0) size 105x19 | |
| 101 text run at (329,0) width 105: "Text, followed by" | |
| 102 LayoutTable {TABLE} at (355.50,21) size 54x26 | |
| 103 LayoutTableSection {TBODY} at (0,0) size 54x26 | |
| 104 LayoutTableRow {TR} at (0,2) size 54x22 | |
| 105 LayoutTableCell {TD} at (2,2) size 50x22 [r=0 c=0 rs=1 cs=1] | |
| 106 LayoutText {#text} at (1,1) size 48x19 | |
| 107 text run at (1,1) width 48: "A table." | |
| 108 LayoutBlockFlow {P} at (0,720) size 769x20 | |
| 109 LayoutText {#text} at (0,0) size 269x19 | |
| 110 text run at (0,0) width 269: "...should look identical to the first on
e below:" | |
| 111 LayoutTable {TABLE} at (0,756) size 769x52 | |
| 112 LayoutTableSection {TBODY} at (0,0) size 769x52 | |
| 113 LayoutTableRow {TR} at (0,2) size 769x48 | |
| 114 LayoutTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1] | |
| 115 LayoutBlockFlow {DIV} at (1,1) size 763x20 | |
| 116 LayoutText {#text} at (329,0) size 105x19 | |
| 117 text run at (329,0) width 105: "Text, followed by" | |
| 118 LayoutTable {TABLE} at (1,21) size 763x26 | |
| 119 LayoutTableSection {TBODY} at (0,0) size 763x26 | |
| 120 LayoutTableRow {TR} at (0,2) size 763x22 | |
| 121 LayoutTableCell {TD} at (2,2) size 759x22 [r=0 c=0 rs=1 cs=1
] | |
| 122 LayoutBlockFlow {DIV} at (1,1) size 757x20 | |
| 123 LayoutText {#text} at (354,0) size 49x19 | |
| 124 text run at (354,0) width 49: "A table." | |
| 125 LayoutBlockFlow {P} at (0,824) size 769x20 | |
| 126 LayoutText {#text} at (0,0) size 379x19 | |
| 127 text run at (0,0) width 379: "However, in standard mode, the first tab
le should look like this:" | |
| 128 LayoutTable {TABLE} at (0,860) size 769x52 | |
| 129 LayoutTableSection {TBODY} at (0,0) size 769x52 | |
| 130 LayoutTableRow {TR} at (0,2) size 769x48 | |
| 131 LayoutTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1] | |
| 132 LayoutBlockFlow {DIV} at (1,1) size 763x20 | |
| 133 LayoutText {#text} at (329,0) size 105x19 | |
| 134 text run at (329,0) width 105: "Text, followed by" | |
| 135 LayoutTable {TABLE} at (1,21) size 763x26 | |
| 136 LayoutTableSection {TBODY} at (0,0) size 763x26 | |
| 137 LayoutTableRow {TR} at (0,2) size 763x22 | |
| 138 LayoutTableCell {TD} at (2,2) size 759x22 [r=0 c=0 rs=1 cs=1
] | |
| 139 LayoutText {#text} at (1,1) size 48x19 | |
| 140 text run at (1,1) width 48: "A table." | |
| 141 LayoutBlockFlow {P} at (0,928) size 769x20 | |
| 142 LayoutText {#text} at (0,0) size 622x19 | |
| 143 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." | |
| 144 LayoutBlockFlow {HR} at (0,964) size 769x2 [border: (1px inset #EEEEEE)] | |
| 145 LayoutBlockFlow {P} at (0,982) size 769x20 | |
| 146 LayoutText {#text} at (0,0) size 58x19 | |
| 147 text run at (0,0) width 58: "See also: " | |
| 148 LayoutInline {A} at (0,0) size 123x19 [color=#0000EE] | |
| 149 LayoutText {#text} at (58,0) size 123x19 | |
| 150 text run at (58,0) width 123: "Strict Mode Version" | |
| 151 LayoutText {#text} at (0,0) size 0x0 | |
| 152 LayoutBlockFlow (anonymous) at (0,1018) size 769x20 | |
| 153 LayoutText {#text} at (0,0) size 21x19 | |
| 154 text run at (0,0) width 21: "-->" | |
| OLD | NEW |