gecko/layout/html/tests/table/bugs/bug32205-1.html

69 lines
1.2 KiB
HTML
Raw Normal View History

<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>