new regression tests, not affecting the build.

This commit is contained in:
karnaze%netscape.com 2001-11-05 17:04:51 +00:00
parent dbc4a529aa
commit c92946f118
21 changed files with 641 additions and 0 deletions

View File

@ -0,0 +1,28 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>tipofday</TITLE>
<style>
div { width: 450px; border: 1px solid green;}
table { border: 1px solid black; }
table[align] { border: 1px solid red; }
</style>
</HEAD>
<BODY>
<table width="450"><tr><td>
<table align=right width="100%">
<tr><td>test</td></tr>
</table>
<table width="99%">
<TR><td>
<table>
<tr><td><img src="../images/bullet.gif"> Shop Till You Drop<BR>
From Regina Lewis, AOL's Online Advisor<BR>
<img src="../images/bullet.gif"> Forget Dates? Don't Worry We'll Remind You<BR></td>
</tr></table>
</td></TR></table>
</td></tr></table>
</BODY>
</HTML>

View File

@ -0,0 +1,29 @@
<html>
<body>
<table width="450">
<tr>
<td>
<table bgcolor="#ffff00" align="right" cellpadding="2" cellspacing="0" border="0" width="100%">
<tr>
<td>
<font face="arial" size="2">In </font>
</td>
</tr>
</table>
<br>
<table bgcolor="#ff00ff" width="99%">
<tr>
<td>
Shop Till You Drop
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,68 @@
<html>
<head>
<title>BUG</title>
<style>
.sized {
height:100%;
}
</style>
</head>
<body>
The following three examples are 2 nested tables.<BR>
The inner table has a height of 100%, the outer table has a height set
of 200px, on the &lt;table>, &lt;tr> and &lt;td> respectively.<BR><BR>
In all examples the inner table should completely fill the outer table.
(with respect of the padding and border ofcourse)<BR><BR>
<table style="height:200px" border=1>
<tr><td>
<table class="sized" border=1>
<tr><td>outer table has height:200px on &lt;table></td></tr>
</table>
</td></tr>
</table>
<BR>
<table border=1>
<tr style="height:200px"><td>
<table class="sized" border=1>
<tr><td>outer table has height:200px on &lt;tr></td></tr>
</table>
</td></tr>
</table>
<BR>
<table border=1>
<tr><td style="height:200px">
<table class="sized" border=1>
<tr><td>outer table has height:200px on &lt;td></td></tr>
</table>
</td></tr>
</table>
<BR>
<table border=1>
<tr><td>
<table style="height:50%" border=1>
<tr><td>outer table has no height set, inner table has a height of 50%.<BR>
Here the height should be set to auto, because the height of the outer td depends
on the content.</td></tr>
</table>
</td></tr>
</table>
</body>
</html>

View File

@ -0,0 +1,76 @@
<html>
<head>
<title>Bug Example for Bug 32205</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<p>This is a simple example of table height problems with only a single table.
</p>
<p>The indention here is to specify a table with two rows. The table has a fixed
overall width (200 for the example) and two rows. The first row 'just high enough'
for a title line, and the second contains the rest. Creating such a table is
hamperd by a number of bugs</p>
<ol>
<li>If a height is specified for only one row (not both) then it will be ignored
</li>
<li> If specified heights are insufficient (because the content is too large)
then the entire table will be expanded. </li>
<li>Percentage heights appear to simply be translated into pixel heights prior
to other processing, so offer no additional solutions </li>
</ol>
<p>This following table ought to give the desired results (small title line, large
body)</p>
<p>It is specifiable as </p>
<blockquote>
<p>Table height: 200 <br>
First Row : 1 or 1% <i>(i.e. expand to minimum required)</i><br>
Second Row : unspecified <i> (i.e. table height - height of other rows+borders)
</i> </p>
</blockquote>
<table height=200 border=1>
<tr>
<td height=20> title line</td>
</tr>
<tr>
<td> rest of space</td>
</tr>
</table>
<p>This doesn't work because of the 1st bug above. </p>
<p>A second attempt is to specify heights that do add up to the total.</p>
<p> Table height: 200 <br>
First Row : 1 <br>
Second Row : 199 </p>
<table height=200 border=1>
<tr>
<td height=1> title line</td>
</tr>
<tr>
<td height=199> rest of space</td>
</tr>
</table>
<p>This appears ok, but close inspection will show that the table is now >200
pixels high (2rd bug). </p>
<p>A third attempt using 1% and 99% gives identical results (3rd bug).</p>
<p> A related bug is the the height of a row that is not specified explicitly
cannot be used by its children. </p>
<p>This example is a table of height 200 with a single row of unspecified height.
This contains a DIV whose style is height:100%. It ought to fill the entire
table. </p>
<table height=200 border=1>
<tr>
<td>
<div style="height:100%;background-color:red">A 100% div inside a row of unspecified height</div>
</td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,34 @@
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<table border="1" width="100%" height="100%">
<tr>
<td>
Outer Table:<br>
&lt;table border="1" width="100%" height="100%"&gt;
</td>
<td>
<table border="1" width="100%" height="100%">
<tr>
<td height="100%">
Nested Table:<br>
&lt;table border="1" width="100%" height="100%"&gt;<br>
&lt;td height="100%"&gt;
</td>
<td height="100%">
asdf
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,12 @@
This page shows a difference between IE and Netscape 6 rendering of tables / cells with heights expressed in percentages.
<p>
The table A below has two cells. Cell A1 contains an invisible image to make the cell fairly tall. Cell A2 has a height attribute of 100%, and contains another table, table B.
<p>
Table B has two cells, B1 and B2. B1 has a fixed pixel height of 30 pixels. B2 has a height of 100%. In IE, this causes B2 to stretch to fill the entire height of cell A2, while in Netscape 6 / Gecko, it seems to have no impact on the height of cell A2.
<p>
<table border=1 cellpadding=0 cellspacing=0>
<tr>
<td><img src="../images/notfound.gif" HEIGHT=200 WIDTH=10>Cell A1</td>
<td height=100%><table height=100% border=2><tr><td BGDOLOR=#cc00cc HEIGHT=30>Cell B1</td></tr><tr><td bgcolor=#99cc99>Cell B2</td></tr></table></td>
</tr>
</table>

View File

@ -0,0 +1,23 @@
<table style="height:200px" border=1>
<tr>
<td>
<table height=100% class="sized" border=1>
<tr>
<td height=30%>
<table height=100% class="sized" border=1>
<tr>
<td height=30%>30%</td>
</tr>
<tr>
<td height=70%>70%</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=70%>70%</td>
</tr>
</table>
</td>
</tr>
</table>

View File

@ -0,0 +1,43 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>height</title>
<style type="text/css">
thead {
height: 300px
}
tbody {
height: 300px
}
tfoot {
height: 300px
}
</style>
</head>
<body>
<p>300xp height value set on THEAD, TBODY, and TFOOT</p>
<table border>
<thead>
<tr>
<th>This THEAD should be 300px high</td>
</tr>
</thead>
<tfoot>
<tr>
<td>This TFOOT should be 300px high</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>This TBODY should be 300px hight</td>
</tr>
</tbody>
</table>
</body>
</html>

View File

@ -0,0 +1,14 @@
<html>
<body>
<table height="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td>Table cell without height restriction</td>
</tr><tr>
<td valign="middle" height=5 border=1>
This table cell should be 5 pixels high
</td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,58 @@
<html>
<head>
<style>
div {
width: 200px;
height: 200px;
border: 3px solid red;
text-align: center;
float: left;
}
</style>
<script>
a = "200px"
function f()
{
a = a=="200px" ? "350px" : "200px";
document.getElementById("d").style.width=a;
document.getElementById("d").style.height=a;
}
function t()
{
s = "";
s += "col 1: " + document.getElementById("c1").offsetWidth + "\n";
s += "col 2: " + document.getElementById("c2").offsetWidth + "\n";
s += "col 3: " + document.getElementById("c3").offsetWidth + "\n";
s += "row 1: " + document.getElementById("r1").offsetHeight + "\n";
s += "row 2: " + document.getElementById("r2").offsetHeight + "\n";
s += "row 3: " + document.getElementById("r3").offsetHeight + "\n";
alert(s);
}
</script>
</head>
<body>
<table border="1">
<tr>
<td></td>
<td id="c1">col 1</td>
<td width="50" id="c2">col 2</td>
<td id="c3">col 3</td>
</tr>
<tr>
<td id="r1">row 1</td>
<td rowspan=3 colspan=3>
<div id="d">tjosan</div>
</td>
</tr>
<tr>
<td height="50" id="r2">row 2</td>
</tr>
<tr>
<td id="r3">row 3</td>
</tr>
</table>
<input type="button" onClick="f();" value="expand">
<input type="button" onClick="t();" value="sizes">
</body>
</html>

View File

@ -0,0 +1,16 @@
<HTML>
<BODY>
<TABLE BORDER=1 HEIGHT=100% WIDTH=100%>
<TR>
<TD ALIGN=CENTER>
This table is not wrapped in a &lt;CENTER&gt; tag, with HEIGHT=100%
</TD>
</TR>
<TR>
<TD ALIGN=CENTER>
<A HREF="test2.html">This one is</A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

View File

@ -0,0 +1,18 @@
<HTML>
<BODY>
<CENTER>
<TABLE BORDER=1 HEIGHT=100% WIDTH=100%>
<TR>
<TD ALIGN=CENTER>
This table is wrapped in a &lt;CENTER&gt; tag with HEIGHT=100%
</TD>
</TR>
<TR>
<TD ALIGN=CENTER>
<A HREF="test1.html">This one is not</A>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

View File

@ -0,0 +1,161 @@
table height=200
<table height=200 border=1>
<tr style="height:80%">
<td>80% height row</td>
</tr>
<tr style="height:80%">
<td>80% height row</td>
</tr>
</table>
<BR>
table height=200
<table height=200 border=1>
<tr style="height:300">
<td>400 height row</td>
</tr>
</table>
<!--
<table border=1 cellpadding=0 cellspacing=0>
<tr>
<td><img src="http://home.netscape.com/images/x.gif" HEIGHT=200 WIDTH=10>Cell
A1</td>
<td height=100%><table height=100% border=2><tr><td BGDOLOR=#cc00cc
HEIGHT=30>Cell B1</td></tr><tr><td bgcolor=#99cc99>Cell B2</td></tr></table></td>
</tr>
</table>
<table height=100% bgcolor=blue border>
<tr>
<td height=20%>20%</td>
</tr>
<tr>
<td height=80%>80%</td>
</tr>
</table>
<BR>
<table bgcolor=blue border>
<tr height=50>
<td>row 50</td>
</tr>
<tr>
<td height=50>50</td>
</tr>
</table>
<BR>
<table width=5 bgcolor=blue border>
<tr>
<td height=5>5 5 5</td>
</tr>
<tr>
<td height=50>50</td>
</tr>
</table>
<table bgcolor=blue height=100 border>
<tr>
<td height=200>200</td>
</tr>
<tr>
<td height=50>50</td>
</tr>
</table>
<BR>
<table bgcolor=blue border>
<tr>
<td height=200>200</td>
</tr>
<tr>
<td height=50>50</td>
</tr>
</table>
<BR>
<table bgcolor=orange width=20 border>
<tr>
<td height=100 rowspan=2>100</td>
<td height=100>100</td>
</tr>
<tr>
<td height=100>100 100 100</td>
</tr>
</table>
<BR>
<table bgcolor=yellow border>
<tr>
<td height=100%>100%</td>
</tr>
</table>
<BR>
<table bgcolor=orange height=100% border>
<tr>
<td height=20%>20%</td>
</tr>
<tr>
<td height=80%>80%</td>
</tr>
</table>
<BR>
<table bgcolor=gray border>
<tr>
<td height=5%>5%</td>
<td height=200>200</td>
</tr>
</table>
<BR>
<table height=200 bgcolor=orange border>
<tr>
<td height=50%>50%</td>
<td height=20>20</td>
</tr>
</table>
<BR>
<table height=100% border>
<tr>
<td height=500>500</td>
</tr>
<tr>
<td height=80%>80%</td>
</tr>
</table>
<BR>
<table bgcolor=red height=100% border>
<tr>
<td height=500 rowspan=2>500</td>
<td>auto</td>
</tr>
<tr>
<td>auto</td>
<td>auto</td>
</tr>
<tr>
<td>auto</td>
<td>auto</td>
</tr>
</table>
<BR>
<table bgcolor=orange border>
<tr>
<td height=400><table bgcolor=blue height=100%><tr><td>100%</td></tr></table></td>
</tr>
</table>
<table border>
<tr>
<td height=300 rowspan=2>300</td>
<td height=30>30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 </td>
</tr>
<tr>
<td height=100>100</td>
</tr>
</table>
<table height=200 border>
<tr>
<td height=50>50</td>
<td height=75%>75%</td>
</tr>
<tr>
<td height=25%>25%</td>
</tr>
</table>
-->

View File

@ -0,0 +1,15 @@
<HTML>
<HEAD>
</HEAD>
<BODY>
<table border=1 width=100% height=100%>
<tr>
<td>top</td>
</tr><tr>
<td>bottom</td>
</tr>
</table>
</BODY>
</HTML>

View File

@ -41,3 +41,8 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug30692.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug3103.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug3105.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug3191.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug32205-1.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug32205-2.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug32205-3.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug32205-4.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug32205-5.html

View File

@ -71,6 +71,7 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug4849-2.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug48827.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug50695-1.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug50695-2.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug51000.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug51140.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug51727.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug5188.html
@ -98,5 +99,7 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug5798.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug5799.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug5835.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug5838.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug58402-1.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug58402-2.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug59252.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug59354.html

View File

@ -54,6 +54,8 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug83786.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug8499.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug86220.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug86708.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug88035-1.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug88035-2.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug88524.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug8858.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug89315.html
@ -74,9 +76,11 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug96334.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug96343.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug965.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug97383.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug98196.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug9879.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug9879-1.html
file:///s|/mozilla/layout/html/tests/table/bugs/97619.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug85016.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug99948.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug97138.html
file:///s|/mozilla/layout/html/tests/table/bugs/bug101674.html

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 B

View File

@ -0,0 +1,19 @@
<html>
<head>
<title>94041-2</title>
</style>
</head>
<body>
<table border="1">
<tr>
<td height="50" width="50" bgcolor="blue">1</td>
<td height="50" width="50" bgcolor="blue"></td>
</tr>
<tr>
<td height="50" width="50" background="http://www.mozilla.org/images/mozilla-banner.gif">2</td>
<td height="50" width="50" background="http://www.mozilla.org/images/mozilla-banner.gif"></td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,14 @@
FOO
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="6">
<img src="../images/spacer.gif"
width="6" height="1500" border="0"></td>
<td>bar</td>
</tr>
</table>
</td></tr>
</table>

View File

@ -1,4 +1,5 @@
#file:///s|/mozilla/layout/html/tests/table/printing/bug26792.html
file:///s|/mozilla/layout/html/tests/table/printing/bug105166.html
file:///s|/mozilla/layout/html/tests/table/printing/bug53690.html
file:///s|/mozilla/layout/html/tests/table/printing/bug54829.html
file:///s|/mozilla/layout/html/tests/table/printing/bug57378.html