gecko/layout/html/tests/table/bugs/bug106966.html

159 lines
2.5 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>table overflow </title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<style type="text/css">
table {
table-layout : fixed;
border : 10px solid blue;
background-color: orange;
width:200px;
padding: 15px;
}
td {
background-color:yellow;
}
*|* :table-outer {
overflow:hidden;
}
col.c2 {
background-color:red;
overflow:hidden;
}
colgroup.cg2 {
background-color:red;
overflow:hidden;
}
*.clipme {
overflow:hidden
}
</style>
</head>
<body>
<table cellspacing="15px">
<caption>
clip at table-outer</caption>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr></table>
<br>
<table class="clipme" cellspacing="15px">
<caption>
clip at table</caption>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr></table>
<table cellspacing="15px">
<caption>
clip at tr</caption>
<tr class="clipme"><td>cell1</td>
<td>contentwithoutspace
</td></tr>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</table>
<table cellspacing="15px">
<colgroup>
<col>
<col class="clipme">
</colgroup>
<caption>
clip column</caption>
<tr ><td>cell1</td>
<td>contentwithoutspace
</td></tr>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</table>
<table cellspacing="15px">
<colgroup>
<col >
</colgroup>
<colgroup class="clipme">
<col>
</colgroup>
<caption>
clip columngroup</caption>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</table>
<table cellspacing="15px">
<caption>
clip thead</caption>
<thead class="clipme">
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</thead>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</table>
<table cellspacing="15px">
<caption>
clip tbody</caption>
<thead>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</thead>
<tbody class="clipme">
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</tbody>
</table>
<table cellspacing="15px">
<caption>
clip tfoot</caption>
<tbody>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</tbody>
<tfoot class="clipme">
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</tfoot>
</table>
<table cellspacing="15px">
<caption>
clip td</caption>
<tbody>
<tr><td>cell1</td>
<td>contentwithoutspace
</td></tr>
</tbody>
<tfoot class="clipme">
<tr><td>cell1</td>
<td class="clipme">contentwithoutspace
</td></tr>
</tfoot>
</table>
</body>
</html>