← 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/bugs/bug2947.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/bugs/bug2947.html
 
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
2
 
 
3
<TITLE>Mozilla Tests: Table Sizing Problems</TITLE>
 
4
 
 
5
<STYLE type="text/css">
 
6
   TD { border: solid green 1px; }
 
7
   TABLE { border: dotted navy 1px; }
 
8
   DIV { width: 608px; border: solid 1px red; margin: 1em 0; }
 
9
</STYLE>
 
10
 
 
11
   <p>The table below should have the same width as the red DIV
 
12
   below this paragraph. The inner image should just fit. The
 
13
   image <em>should not</em> overrun the borders. </div>
 
14
 
 
15
   <div></div>
 
16
 
 
17
   <table width="608">
 
18
 
 
19
    <tr> 
 
20
       <td width="25%">a</td>
 
21
       <td width="25%">b</td>
 
22
       <td width="25%">c</td>
 
23
       <td width="25%">d</td>
 
24
    </tr>
 
25
 
 
26
    <tr>
 
27
      <td colspan="2" width="50%"> eee </td>
 
28
      <td colspan="2" width="50%"> f </td>
 
29
    </tr>
 
30
  
 
31
    <tr>
 
32
      <td colspan="4"> <img src="../images/wsp600bot.gif"> </td>
 
33
    </tr>
 
34
 
 
35
   </table>
 
36
 
 
37
   <div></div>
 
38
 
 
39
   <p>Mozilla makes the table way too small for no apparent reason.</p>
 
40
 
 
41
   <p>Here is the same table, one pixel wider:</p>
 
42
 
 
43
   <table width="609">
 
44
 
 
45
    <tr> 
 
46
       <td width="25%">a</td>
 
47
       <td width="25%">b</td>
 
48
       <td width="25%">c</td>
 
49
       <td width="25%">d</td>
 
50
    </tr>
 
51
 
 
52
    <tr>
 
53
      <td colspan="2" width="50%"> eee </td>
 
54
      <td colspan="2" width="50%"> f </td>
 
55
    </tr>
 
56
  
 
57
    <tr>
 
58
      <td colspan="4"> <img src="../images/wsp600bot.gif"> </td>
 
59
    </tr>
 
60
 
 
61
   </table>
 
62
 
 
63
   <p>Observations: Fiddle about with the content of the "eee" cell and everything changes.
 
64
   Remove any of the three rows and things change. Remove any of the four columns and
 
65
   things change. Remove the image and things change.</p>
 
66
 
 
67
   <p>(Note: If the image has disappeared from the server, replace it with any 593px
 
68
   image you like.)</p>
 
69
 
 
70
   <p>See also <a href="tablewidth.html">tablewidth.html</a>.</p>
 
71
 
 
72
   <hr>
 
73
 
 
74
</BODY>
 
75
</HTML>