OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 974 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 785x974 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 | |
4 LayoutBlockFlow {HTML} at (0,0) size 785x974 | |
5 LayoutBlockFlow {BODY} at (8,8) size 769x958 | |
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 230x112 [border: (1px outset #808080)] | |
15 LayoutTableSection {TBODY} at (1,1) size 228x110 | |
16 LayoutTableRow {TR} at (0,2) size 228x106 | |
17 LayoutTableCell {TD} at (2,2) size 224x106 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | |
18 LayoutBlockFlow {P} at (2,2) size 220x20 | |
19 LayoutText {#text} at (99,0) size 22x19 | |
20 text run at (99,0) width 22: "text" | |
21 LayoutTable {TABLE} at (24,38) 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,84) size 220x20 | |
28 LayoutText {#text} at (99,0) size 22x19 | |
29 text run at (99,0) width 22: "text" | |
30 LayoutBlockFlow {P} at (0,164) 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,260) size 230x112 [border: (1px outset #808080)] | |
44 LayoutTableSection {TBODY} at (1,1) size 228x110 | |
45 LayoutTableRow {TR} at (0,2) size 228x106 | |
46 LayoutTableCell {TD} at (2,2) size 224x106 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | |
47 LayoutBlockFlow {P} at (2,2) size 220x20 | |
48 LayoutText {#text} at (99,0) size 22x19 | |
49 text run at (99,0) width 22: "text" | |
50 LayoutTable {TABLE} at (2,38) 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,84) size 220x20 | |
57 LayoutText {#text} at (99,0) size 22x19 | |
58 text run at (99,0) width 22: "text" | |
59 LayoutBlockFlow (anonymous) at (0,372) size 769x20 | |
60 LayoutBR {BR} at (0,0) size 0x19 | |
61 LayoutTable {TABLE} at (234.50,392) 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,422) size 769x20 | |
68 LayoutBR {BR} at (0,0) size 0x19 | |
69 LayoutTable {TABLE} at (0,442) 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,472) size 769x20 | |
76 LayoutBR {BR} at (0,0) size 0x19 | |
77 LayoutBlockFlow {DIV} at (0,492) 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,520) size 769x20 | |
85 LayoutBR {BR} at (0,0) size 0x19 | |
86 LayoutBlockFlow {DIV} at (0,540) 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,568) size 769x20 | |
94 LayoutBR {BR} at (0,0) size 0x19 | |
95 LayoutTable {TABLE} at (0,588) 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,656) 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,692) 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,760) size 769x72 | |
126 LayoutBlockFlow (anonymous) at (0,0) size 769x20 | |
127 LayoutText {#text} at (0,0) size 379x19 | |
128 text run at (0,0) width 379: "However, in standard mode, the first t
able should look like this:" | |
129 LayoutTable {TABLE} at (0,20) size 769x52 | |
130 LayoutTableSection {TBODY} at (0,0) size 769x52 | |
131 LayoutTableRow {TR} at (0,2) size 769x48 | |
132 LayoutTableCell {TD} at (2,2) size 765x48 [r=0 c=0 rs=1 cs=1] | |
133 LayoutBlockFlow {DIV} at (1,1) size 763x20 | |
134 LayoutText {#text} at (329,0) size 105x19 | |
135 text run at (329,0) width 105: "Text, followed by" | |
136 LayoutTable {TABLE} at (1,21) size 763x26 | |
137 LayoutTableSection {TBODY} at (0,0) size 763x26 | |
138 LayoutTableRow {TR} at (0,2) size 763x22 | |
139 LayoutTableCell {TD} at (2,2) size 759x22 [r=0 c=0 rs=1 cs
=1] | |
140 LayoutText {#text} at (1,1) size 48x19 | |
141 text run at (1,1) width 48: "A table." | |
142 LayoutBlockFlow {P} at (0,848) size 769x20 | |
143 LayoutText {#text} at (0,0) size 622x19 | |
144 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." | |
145 LayoutBlockFlow {HR} at (0,884) size 769x2 [border: (1px inset #EEEEEE)] | |
146 LayoutBlockFlow {P} at (0,902) size 769x20 | |
147 LayoutText {#text} at (0,0) size 58x19 | |
148 text run at (0,0) width 58: "See also: " | |
149 LayoutInline {A} at (0,0) size 123x19 [color=#0000EE] | |
150 LayoutText {#text} at (58,0) size 123x19 | |
151 text run at (58,0) width 123: "Strict Mode Version" | |
152 LayoutText {#text} at (0,0) size 0x0 | |
153 LayoutBlockFlow (anonymous) at (0,938) size 769x20 | |
154 LayoutText {#text} at (0,0) size 21x19 | |
155 text run at (0,0) width 21: "-->" | |
OLD | NEW |