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 |