table-layoutの設定サンプル

table-layout: auto
ブラウザメーカースタイルシート対応
IE6マイクロソフトスタイルシートに対応している
NS6ネットスケープスタイルシートに対応している
NS3ネットスケープスタイルシートに対応していない
table-layout: fixed
ブラウザメーカースタイルシート対応
IE6マイクロソフトスタイルシートに対応している
NS6ネットスケープスタイルシートに対応している
NS3ネットスケープスタイルシートに対応していない

fixedを設定したテーブルに、セル幅を指定していない場合は均等のセル幅になります。
なお、Netscopeは対応していません。

スタイルシート
table.test1 { table-layout: auto }
table.test2 { table-layout: fixed }


HTMLコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="stylesheet.css" type="text/css">
<title>Sample</title>
</head>

<body>
<table class="test1" border="1">
<tr><th>ブラウザ</th><th>メーカー</th><th>スタイルシート対応</th></tr>
<tr><td>IE6</td><td>マイクロソフト</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS6</td><td>ネットスケープ</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS3</td><td>ネットスケープ</td><td>スタイルシートに対応していない</td></tr>
</table>
</div>
<div class="body">
border-collapse:separate
<table class="test2" border="1">
<tr><th>ブラウザ</th><th>メーカー</th><th>スタイルシート対応</th></tr>
<tr><td>IE6</td><td>マイクロソフト</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS6</td><td>ネットスケープ</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS3</td><td>ネットスケープ</td><td>スタイルシートに対応していない</td></tr>
</table>

</body>
</html>