gecko/layout/html/tests/table/bugs/bug27038-3.html

44 lines
1.2 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>tfoot test</title>
<style type="text/css">
<!--
body{background-color:rgb(104, 168, 232);}
table{width:100%;}
table.test >thead{background-color:red;font-weight:bold;}
table.test >tbody{background-color:yellow;font-style:italic;}
table.test >tfoot{background-color:blue;}
#h1{height:24mm;}
#h2{height:25mm;}
#main{background-color:green;}
div{text-align:center;background-color:#d0d0d0;font-size:6mm}
td{ vertical-align:top;text-align:center;font-size:6mm;}
td.format{width:50%;}
-->
</style>
</head>
<body>
<div>Font Size:6mm</div>
<table id="main">
<tr>
<td class="format">
<div>Table height at 24mm</div>
<table summary="tfoot test with table height at 24mm" id="h1" class="test">
<thead><tr><td>THEAD</td></tr></thead>
<tfoot><tr><td>TFOOT</td></tr></tfoot>
<tbody><tr><td>TBODY</td></tr></tbody>
</table>
</td>
<td class="format">
<div>Table height at 25mm</div>
<table summary="tfoot test with table height at 25mm" id="h2" class="test">
<thead><tr><td>THEAD</td></tr></thead>
<tfoot><tr><td>TFOOT</td></tr></tfoot>
<tbody><tr><td>TBODY</td></tr></tbody>
</table>
</td></tr>
</table>
</body>
</html>