← Back to branch summary

~ubuntu-branches/ubuntu/precise/kompozer/precise

« back to all changes in this revision

Viewing changes to mozilla/layout/html/tests/table/core/standards1.html

  • Committer: Bazaar Package Importer
  • Author(s): Anthony Yarusso
  • Date: 2007-08-27 01:11:03 UTC
  • Revision ID: james.westby@ubuntu.com-20070827011103-2jgf4s6532gqu2ka
Tags: upstream-0.7.10
Import upstream version 0.7.10

Show diffs side-by-side

added added

removed removed

Lines of Context:
mozilla/layout/html/tests/table/core/standards1.html
 
1
<!DOCTYPE HTML PUBLIC "NavQuirks">
 
2
 
 
3
<TITLE>Mozilla Tests: Colspan &amp; Width</TITLE>
 
4
 
 
5
<STYLE>
 
6
   TABLE, TR, TD { border: none; }
 
7
   #a  { background: lime; }
 
8
   #b  { background: yellow; }
 
9
   #c  { background: fuchsia; }
 
10
   DIV { border: solid red; width: 400px; }
 
11
</STYLE>
 
12
 
 
13
<h1>Problems with COLSPAN and WIDTH</h1>
 
14
 
 
15
<p>Each block of tables should be identical.</p>
 
16
 
 
17
<h2>Sized Tables</h2>
 
18
 
 
19
<P>The following tables have width=400, which should make them the
 
20
same width as the red lines which are caused by DIVs:</P>
 
21
 
 
22
<h3>260/140</h3>
 
23
 
 
24
<DIV></DIV>
 
25
 
 
26
<TABLE WIDTH=400>
 
27
        <TR>
 
28
                <TD id=a>
 
29
                        plain
 
30
                </TD>
 
31
                <TD id=b WIDTH=140>
 
32
                        width=140
 
33
                </TD>
 
34
        </TR>   
 
35
        <TR>
 
36
                <TD id=c COLSPAN=2 WIDTH=400>
 
37
                        colspan=2 width=400
 
38
                </TD>
 
39
        </TR>
 
40
</TABLE>
 
41
 
 
42
<DIV></DIV>
 
43
 
 
44
<TABLE WIDTH=400>
 
45
        <TR>
 
46
                <TD id=a width=260>
 
47
                        width=260
 
48
                </TD>
 
49
                <TD id=b>
 
50
                        plain
 
51
                </TD>
 
52
        </TR>   
 
53
        <TR>
 
54
                <TD id=c COLSPAN=2 WIDTH=400>
 
55
                        colspan=2 width=400
 
56
                </TD>
 
57
        </TR>
 
58
</TABLE>
 
59
 
 
60
<DIV></DIV>
 
61
 
 
62
<TABLE WIDTH=400>
 
63
        <TR>
 
64
                <TD id=a width=260>
 
65
                        width=260
 
66
                </TD>
 
67
                <TD id=b width=140>
 
68
                        width=140
 
69
                </TD>
 
70
        </TR>   
 
71
        <TR>
 
72
                <TD id=c COLSPAN=2 WIDTH=400>
 
73
                        colspan=2 width=400
 
74
                </TD>
 
75
        </TR>
 
76
</TABLE>
 
77
 
 
78
<DIV></DIV>
 
79
 
 
80
<TABLE WIDTH=400>
 
81
        <TR>
 
82
                <TD id=a width=260>
 
83
                        width=260
 
84
                </TD>
 
85
                <TD id=b width=140>
 
86
                        width=140
 
87
                </TD>
 
88
        </TR>   
 
89
        <TR>
 
90
                <TD id=c COLSPAN=2>
 
91
                        colspan=2
 
92
                </TD>
 
93
        </TR>
 
94
</TABLE>
 
95
 
 
96
<DIV></DIV>
 
97
 
 
98
<TABLE WIDTH=400>
 
99
        <TR>
 
100
                <TD id=a width="65%">
 
101
                        width=65%
 
102
                </TD>
 
103
                <TD id=b>
 
104
                        plain
 
105
                </TD>
 
106
        </TR>   
 
107
        <TR>
 
108
                <TD id=c COLSPAN=2>
 
109
                        colspan=2
 
110
                </TD>
 
111
        </TR>
 
112
</TABLE>
 
113
 
 
114
<DIV></DIV>
 
115
 
 
116
<TABLE WIDTH=400>
 
117
        <TR>
 
118
                <TD id=a>
 
119
                        plain
 
120
                </TD>
 
121
                <TD id=b width="35%">
 
122
                        width=35%
 
123
                </TD>
 
124
        </TR>   
 
125
        <TR>
 
126
                <TD id=c COLSPAN=2>
 
127
                        colspan=2
 
128
                </TD>
 
129
        </TR>
 
130
</TABLE>
 
131
 
 
132
<DIV></DIV>
 
133
 
 
134
<TABLE WIDTH=400>
 
135
        <TR>
 
136
                <TD id=a width="65%">
 
137
                        width=65%
 
138
                </TD>
 
139
                <TD id=b width="35%">
 
140
                        width=35%
 
141
                </TD>
 
142
        </TR>   
 
143
        <TR>
 
144
                <TD id=c COLSPAN=2>
 
145
                        colspan=2
 
146
                </TD>
 
147
        </TR>
 
148
</TABLE>
 
149
 
 
150
<DIV></DIV>
 
151
 
 
152
<h3>140/260</h3>
 
153
 
 
154
<DIV></DIV>
 
155
 
 
156
<TABLE WIDTH=400>
 
157
        <TR>
 
158
                <TD id=a width=140>
 
159
                        width=140
 
160
                </TD>
 
161
                <TD id=b>
 
162
                        plain
 
163
                </TD>
 
164
        </TR>   
 
165
        <TR>
 
166
                <TD id=c COLSPAN=2 WIDTH=400>
 
167
                        colspan=2 width=400
 
168
                </TD>
 
169
        </TR>
 
170
</TABLE>
 
171
 
 
172
<DIV></DIV>
 
173
 
 
174
<TABLE WIDTH=400>
 
175
        <TR>
 
176
                <TD id=a>
 
177
                        plain
 
178
                </TD>
 
179
                <TD id=b WIDTH=260>
 
180
                        width=260
 
181
                </TD>
 
182
        </TR>   
 
183
        <TR>
 
184
                <TD id=c COLSPAN=2 WIDTH=400>
 
185
                        colspan=2 width=400
 
186
                </TD>
 
187
        </TR>
 
188
</TABLE>
 
189
 
 
190
<DIV></DIV>
 
191
 
 
192
<TABLE WIDTH=400>
 
193
        <TR>
 
194
                <TD id=a width=140>
 
195
                        width=140
 
196
                </TD>
 
197
                <TD id=b width=260>
 
198
                        width=260
 
199
                </TD>
 
200
        </TR>   
 
201
        <TR>
 
202
                <TD id=c COLSPAN=2 WIDTH=400>
 
203
                        colspan=2 width=400
 
204
                </TD>
 
205
        </TR>
 
206
</TABLE>
 
207
 
 
208
<DIV></DIV>
 
209
 
 
210
<TABLE WIDTH=400>
 
211
        <TR>
 
212
                <TD id=a width=140>
 
213
                        width=140
 
214
                </TD>
 
215
                <TD id=b width=260>
 
216
                        width=260
 
217
                </TD>
 
218
        </TR>   
 
219
        <TR>
 
220
                <TD id=c COLSPAN=2>
 
221
                        colspan=2
 
222
                </TD>
 
223
        </TR>
 
224
</TABLE>
 
225
 
 
226
<DIV></DIV>
 
227
 
 
228
<TABLE WIDTH=400>
 
229
        <TR>
 
230
                <TD id=a width="35%">
 
231
                        width=35%
 
232
                </TD>
 
233
                <TD id=b>
 
234
                        plain
 
235
                </TD>
 
236
        </TR>   
 
237
        <TR>
 
238
                <TD id=c COLSPAN=2>
 
239
                        colspan=2
 
240
                </TD>
 
241
        </TR>
 
242
</TABLE>
 
243
 
 
244
<DIV></DIV>
 
245
 
 
246
<TABLE WIDTH=400>
 
247
        <TR>
 
248
                <TD id=a>
 
249
                        plain
 
250
                </TD>
 
251
                <TD id=b width="65%">
 
252
                        width=65%
 
253
                </TD>
 
254
        </TR>   
 
255
        <TR>
 
256
                <TD id=c COLSPAN=2>
 
257
                        colspan=2
 
258
                </TD>
 
259
        </TR>
 
260
</TABLE>
 
261
 
 
262
<DIV></DIV>
 
263
 
 
264
<TABLE WIDTH=400>
 
265
        <TR>
 
266
                <TD id=a width="35%">
 
267
                        width=35%
 
268
                </TD>
 
269
                <TD id=b width="65%">
 
270
                        width=65%
 
271
                </TD>
 
272
        </TR>   
 
273
        <TR>
 
274
                <TD id=c COLSPAN=2>
 
275
                        colspan=2
 
276
                </TD>
 
277
        </TR>
 
278
</TABLE>
 
279
 
 
280
<DIV></DIV>
 
281
 
 
282
<h3>50%</h3>
 
283
 
 
284
<DIV></DIV>
 
285
 
 
286
<TABLE WIDTH=400>
 
287
        <TR>
 
288
                <TD id=a width="50%">
 
289
                        width=50%
 
290
                </TD>
 
291
                <TD id=b>
 
292
                        plain
 
293
                </TD>
 
294
        </TR>   
 
295
        <TR>
 
296
                <TD id=c COLSPAN=2 WIDTH=400>
 
297
                        colspan=2 width=400
 
298
                </TD>
 
299
        </TR>
 
300
</TABLE>
 
301
 
 
302
<DIV></DIV>
 
303
 
 
304
<TABLE WIDTH=400>
 
305
        <TR>
 
306
                <TD id=a>
 
307
                        plain
 
308
                </TD>
 
309
                <TD id=b width="50%">
 
310
                        width=50%
 
311
                </TD>
 
312
        </TR>   
 
313
        <TR>
 
314
                <TD id=c COLSPAN=2 WIDTH=400>
 
315
                        colspan=2 width=400
 
316
                </TD>
 
317
        </TR>
 
318
</TABLE>
 
319
 
 
320
<DIV></DIV>
 
321
 
 
322
<TABLE WIDTH=400>
 
323
        <TR>
 
324
                <TD id=a width="50%">
 
325
                        width=50%
 
326
                </TD>
 
327
                <TD id=b width="50%">
 
328
                        width=50%
 
329
                </TD>
 
330
        </TR>   
 
331
        <TR>
 
332
                <TD id=c COLSPAN=2 WIDTH=400>
 
333
                        colspan=2 width=400
 
334
                </TD>
 
335
        </TR>
 
336
</TABLE>
 
337
 
 
338
<DIV></DIV>
 
339
 
 
340
<TABLE WIDTH=400>
 
341
        <TR>
 
342
                <TD id=a>
 
343
                        plain
 
344
                </TD>
 
345
                <TD id=b>
 
346
                        plain
 
347
                </TD>
 
348
        </TR>   
 
349
        <TR>
 
350
                <TD id=c COLSPAN=2 WIDTH=400>
 
351
                        colspan=2 width=400
 
352
                </TD>
 
353
        </TR>
 
354
</TABLE>
 
355
 
 
356
<DIV></DIV>
 
357
 
 
358
<TABLE WIDTH=400>
 
359
        <TR>
 
360
                <TD id=a WIDTH=200>
 
361
                        width=200
 
362
                </TD>
 
363
                <TD id=b WIDTH=200>
 
364
                        width=200
 
365
                </TD>
 
366
        </TR>   
 
367
        <TR>
 
368
                <TD id=c COLSPAN=2>
 
369
                        colspan=2
 
370
                </TD>
 
371
        </TR>
 
372
</TABLE>
 
373
 
 
374
<DIV></DIV>
 
375
 
 
376
<h2>Tables Without Width</h2>
 
377
 
 
378
<P>The following tables have no width. They should still be the same
 
379
size, by virtue of them having a 400 pixel cell and no
 
380
padding/margin/borders.</P>
 
381
 
 
382
<h3>260/140</h3>
 
383
 
 
384
<DIV></DIV>
 
385
 
 
386
<TABLE>
 
387
        <TR>
 
388
                <TD id=a>
 
389
                        plain
 
390
                </TD>
 
391
                <TD id=b WIDTH=140>
 
392
                        width=140
 
393
                </TD>
 
394
        </TR>   
 
395
        <TR>
 
396
                <TD id=c COLSPAN=2 WIDTH=400>
 
397
                        colspan=2 width=400
 
398
                </TD>
 
399
        </TR>
 
400
</TABLE>
 
401
 
 
402
<DIV></DIV>
 
403
 
 
404
<TABLE>
 
405
        <TR>
 
406
                <TD id=a width=260>
 
407
                        width=260
 
408
                </TD>
 
409
                <TD id=b>
 
410
                        plain
 
411
                </TD>
 
412
        </TR>   
 
413
        <TR>
 
414
                <TD id=c COLSPAN=2 WIDTH=400>
 
415
                        colspan=2 width=400
 
416
                </TD>
 
417
        </TR>
 
418
</TABLE>
 
419
 
 
420
<DIV></DIV>
 
421
 
 
422
<TABLE>
 
423
        <TR>
 
424
                <TD id=a width=260>
 
425
                        width=260
 
426
                </TD>
 
427
                <TD id=b width=140>
 
428
                        width=140
 
429
                </TD>
 
430
        </TR>   
 
431
        <TR>
 
432
                <TD id=c COLSPAN=2 WIDTH=400>
 
433
                        colspan=2 width=400
 
434
                </TD>
 
435
        </TR>
 
436
</TABLE>
 
437
 
 
438
<DIV></DIV>
 
439
 
 
440
<TABLE>
 
441
        <TR>
 
442
                <TD id=a width=260>
 
443
                        width=260
 
444
                </TD>
 
445
                <TD id=b width=140>
 
446
                        width=140
 
447
                </TD>
 
448
        </TR>   
 
449
        <TR>
 
450
                <TD id=c COLSPAN=2>
 
451
                        colspan=2
 
452
                </TD>
 
453
        </TR>
 
454
</TABLE>
 
455
 
 
456
<DIV></DIV>
 
457
 
 
458
<h3>140/260</h3>
 
459
 
 
460
<DIV></DIV>
 
461
 
 
462
<TABLE>
 
463
        <TR>
 
464
                <TD id=a width=140>
 
465
                        width=140
 
466
                </TD>
 
467
                <TD id=b>
 
468
                        plain
 
469
                </TD>
 
470
        </TR>   
 
471
        <TR>
 
472
                <TD id=c COLSPAN=2 WIDTH=400>
 
473
                        colspan=2 width=400
 
474
                </TD>
 
475
        </TR>
 
476
</TABLE>
 
477
 
 
478
<DIV></DIV>
 
479
 
 
480
<TABLE>
 
481
        <TR>
 
482
                <TD id=a>
 
483
                        plain
 
484
                </TD>
 
485
                <TD id=b WIDTH=260>
 
486
                        width=260
 
487
                </TD>
 
488
        </TR>   
 
489
        <TR>
 
490
                <TD id=c COLSPAN=2 WIDTH=400>
 
491
                        colspan=2 width=400
 
492
                </TD>
 
493
        </TR>
 
494
</TABLE>
 
495
 
 
496
<DIV></DIV>
 
497
 
 
498
<TABLE>
 
499
        <TR>
 
500
                <TD id=a width=140>
 
501
                        width=140
 
502
                </TD>
 
503
                <TD id=b width=260>
 
504
                        width=260
 
505
                </TD>
 
506
        </TR>   
 
507
        <TR>
 
508
                <TD id=c COLSPAN=2 WIDTH=400>
 
509
                        colspan=2 width=400
 
510
                </TD>
 
511
        </TR>
 
512
</TABLE>
 
513
 
 
514
<DIV></DIV>
 
515
 
 
516
<TABLE>
 
517
        <TR>
 
518
                <TD id=a width=140>
 
519
                        width=140
 
520
                </TD>
 
521
                <TD id=b width=260>
 
522
                        width=260
 
523
                </TD>
 
524
        </TR>   
 
525
        <TR>
 
526
                <TD id=c COLSPAN=2>
 
527
                        colspan=2
 
528
                </TD>
 
529
        </TR>
 
530
</TABLE>
 
531
 
 
532
<DIV></DIV>
 
533
 
 
534
<h3>50%</h3>
 
535
 
 
536
<DIV></DIV>
 
537
 
 
538
<TABLE>
 
539
        <TR>
 
540
                <TD id=a width="50%">
 
541
                        width=50%
 
542
                </TD>
 
543
                <TD id=b>
 
544
                        plain
 
545
                </TD>
 
546
        </TR>   
 
547
        <TR>
 
548
                <TD id=c COLSPAN=2 WIDTH=400>
 
549
                        colspan=2 width=400
 
550
                </TD>
 
551
        </TR>
 
552
</TABLE>
 
553
 
 
554
<DIV></DIV>
 
555
 
 
556
<TABLE>
 
557
        <TR>
 
558
                <TD id=a>
 
559
                        plain
 
560
                </TD>
 
561
                <TD id=b width="50%">
 
562
                        width=50%
 
563
                </TD>
 
564
        </TR>   
 
565
        <TR>
 
566
                <TD id=c COLSPAN=2 WIDTH=400>
 
567
                        colspan=2 width=400
 
568
                </TD>
 
569
        </TR>
 
570
</TABLE>
 
571
 
 
572
<DIV></DIV>
 
573
 
 
574
<TABLE>
 
575
        <TR>
 
576
                <TD id=a width="50%">
 
577
                        width=50%
 
578
                </TD>
 
579
                <TD id=b width="50%">
 
580
                        width=50%
 
581
                </TD>
 
582
        </TR>   
 
583
        <TR>
 
584
                <TD id=c COLSPAN=2 WIDTH=400>
 
585
                        colspan=2 width=400
 
586
                </TD>
 
587
        </TR>
 
588
</TABLE>
 
589
 
 
590
<DIV></DIV>
 
591
 
 
592
<TABLE>
 
593
        <TR>
 
594
                <TD id=a>
 
595
                        plain
 
596
                </TD>
 
597
                <TD id=b>
 
598
                        plain
 
599
                </TD>
 
600
        </TR>   
 
601
        <TR>
 
602
                <TD id=c COLSPAN=2 WIDTH=400>
 
603
                        colspan=2 width=400
 
604
                </TD>
 
605
        </TR>
 
606
</TABLE>
 
607
 
 
608
<DIV></DIV>
 
609
 
 
610
<TABLE>
 
611
        <TR>
 
612
                <TD id=a WIDTH=200>
 
613
                        width=200
 
614
                </TD>
 
615
                <TD id=b WIDTH=200>
 
616
                        width=200
 
617
                </TD>
 
618
        </TR>   
 
619
        <TR>
 
620
                <TD id=c COLSPAN=2>
 
621
                        colspan=2
 
622
                </TD>
 
623
        </TR>
 
624
</TABLE>
 
625
 
 
626
<DIV></DIV>
 
627