Sometimes a table with width="100%" behaves as if it had width="0%". This seems to depend on the size of the headers, e.g. in the following the first table is shrunk, the only difference is in the content of the first <th>
(I have not checked wether the size of the <td> matters)
{edit}
I tried "table-layout: fixed", when it is used the table is sized correctly overall but the content of the 4th and 5th headers run into the adjacent cells.
{/edit}
(I have not checked wether the size of the <td> matters)
{edit}
I tried "table-layout: fixed", when it is used the table is sized correctly overall but the content of the 4th and 5th headers run into the adjacent cells.
{/edit}
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
body {
font-size: 10pt;
}
</style>
</head>
<body>
<table width="100%" border="1">
<thead>
<tr>
<th>xxxxx xxxxx xxxxx</th>
<th>xxxxx xxxxx xx</th>
<th>xxxx xxxxx xx</th>
<th>xxxxxxxxxxxx xxx</th>
<th>xxxxxxxxxxxx xxx</th>
<th>xxxx xxxxxxxxxxx xxx</th>
<th>xxxx xxxxx xx</th>
<th>xx xxxx xxx x</th>
<th>xxxxxxx</th>
<th>xxx xxxx</th>
<th>xxxx</th>
</tr>
</thead>
<tbody>
<tr >
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</tbody>
</table>
<table width="100%" border="1">
<thead>
<tr>
<th>x</th>
<th>xxxxx xxxxx xx</th>
<th>xxxx xxxxx xx</th>
<th>xxxxxxxxxxxx xxx</th>
<th>xxxxxxxxxxxx xxx</th>
<th>xxxx xxxxxxxxxxx xxx</th>
<th>xxxx xxxxx xx</th>
<th>xx xxxx xxx x</th>
<th>xxxxxxx</th>
<th>xxx xxxx</th>
<th>xxxx</th>
</tr>
</thead>
<tbody>
<tr >
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</tbody>
</table>
</body>
</html>