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