← 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/bug2997.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/bug2997.html
 
1
<html>
 
2
<head>
 
3
<title>Bug 2997</title>
 
4
</head>
 
5
<body>
 
6
 
 
7
<p>Here's the original case.  All of the cells have images that fill to
 
8
their given widths except the ones marked "Empty".</p>
 
9
 
 
10
 
 
11
<table width="566" bgcolor="#00FFFF" cellpadding="0" cellspacing="0">
 
12
  <tr>
 
13
    <td bgcolor="#FF0000" width="222"><img height="40" width="222" border="0" alt="Hometown AOL"></td>
 
14
    <td bgcolor="#666600" width="145"><img border=0 width=145 height=40 alt="Quick Start Link"></td>
 
15
    <td bgcolor="#009999" width="199">Empty</td></tr>
 
16
  <tr>
 
17
    <td bgcolor="#0000ff" width="367" colspan="2"><img height="20" width="367" alt=" Welcome"></td>
 
18
    <td bgcolor="#990099" width="199">Empty</td></tr>
 
19
</tr></table>
 
20
 
 
21
<p>If we fill either empty out with text, the problem goes away.</p>
 
22
 
 
23
<table width="566" bgcolor="#00FFFF" cellpadding="0" cellspacing="0">
 
24
  <tr>
 
25
    <td bgcolor="#FF0000" width="222"><img height="40" width="222" border="0" alt="Hometown AOL"></td>
 
26
    <td bgcolor="#666600" width="145"><img border=0 width=145 height=40 alt="Quick Start Link"></td>
 
27
    <td bgcolor="#009999" width="199">Empty - lots of text here now - and more and more and more text in it</td></tr>
 
28
  <tr>
 
29
    <td bgcolor="#0000ff" width="367" colspan="2"><img height="20" width="367" alt=" Welcome"></td>
 
30
    <td bgcolor="#990099" width="199">Empty</td></tr>
 
31
</tr></table>
 
32
 
 
33
<p>&nbsp;</p>
 
34
 
 
35
<table width="566" bgcolor="#00FFFF" cellpadding="0" cellspacing="0">
 
36
  <tr>
 
37
    <td bgcolor="#FF0000" width="222"><img height="40" width="222" border="0" alt="Hometown AOL"></td>
 
38
    <td bgcolor="#666600" width="145"><img border=0 width=145 height=40 alt="Quick Start Link"></td>
 
39
    <td bgcolor="#009999" width="199">Empty</td></tr>
 
40
  <tr>
 
41
    <td bgcolor="#0000ff" width="367" colspan="2"><img height="20" width="367" alt=" Welcome"></td>
 
42
    <td bgcolor="#990099" width="199">Empty - this has lots and lots and lots of text in it</td></tr>
 
43
</tr></table>
 
44
 
 
45
 
 
46
<p>Taking away either the cellpadding=0 or cellspacing=0 fixes the problem.</p>
 
47
 
 
48
 
 
49
<table width="566" bgcolor="#00FFFF">
 
50
  <tr>
 
51
    <td bgcolor="#FF0000" width="222"><img height="40" width="222" border="0" alt="Hometown AOL"></td>
 
52
    <td bgcolor="#666600" width="145"><img border=0 width=145 height=40 alt="Quick Start Link"></td>
 
53
    <td bgcolor="#009999" width="199">Empty</td></tr>
 
54
  <tr>
 
55
    <td bgcolor="#0000ff" width="367" colspan="2"><img height="20" width="367" alt=" Welcome"></td>
 
56
    <td bgcolor="#990099" width="199">Empty</td></tr>
 
57
</tr></table>
 
58
 
 
59
<p>As does removing the explicit width on the table...</p>
 
60
 
 
61
<table bgcolor="#00FFFF" cellpadding="0" cellspacing="0">
 
62
  <tr>
 
63
    <td bgcolor="#FF0000" width="222"><img height="40" width="222" border="0" alt="Hometown AOL"></td>
 
64
    <td bgcolor="#666600" width="145"><img border=0 width=145 height=40 alt="Quick Start Link"></td>
 
65
    <td bgcolor="#009999" width="199">Empty</td></tr>
 
66
  <tr>
 
67
    <td bgcolor="#0000ff" width="367" colspan="2"><img height="20" width="367" alt=" Welcome"></td>
 
68
    <td bgcolor="#990099" width="199">Empty</td></tr>
 
69
</tr></table>
 
70
 
 
71
 
 
72
</body>
 
73
</html>
 
74
 
 
75