テーブルのブランク部分の罫線について
-
0 名前： tom1008 ： 2006/02/11 00:11
- こんにちは。
テーブルを作成し、いくつかのフィールドで
ブランクにしたいのですが、
その際、ブランクのフィールドに対して
罫線が引かれません。
どうしたら、ブランクのフィールドにも
罫線が引かれるのでしょうか？
宜しくお願い致します。
-
1 名前： カヅサツ ： 2006/02/11 00:11
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
table{
border-collapse: collapse;
}
table,th,td{
border-width: 1px;
border-style: solid;
border-color: #000;
}
</style>
</head>
<body>
<h1>test</h1>
<table>
<caption>値段比較表</caption>
<thead>
<tr>
<th>店</th>
<th>りんご</th>
<th>みかん</th>
</tr>
</thead>
<tbody>
<tr>
<th>スーパーA</th>
<td>200円</td>
<td>100円</td>
</tr>
<tr>
<th>スーパーB</th>
<td></td>
<td>80円</td>
</tr>
</tbody>
</table>
</body>
</html>
-
2 名前： tom1008 ： 2006/02/11 00:11
- カヅサツさん、レスありがとうございます。
実際やってみて確認してみました。
今、下記のようにテーブルを作成しているのですが、
この場合、どの部分に定義を追加すれば
良いのでしょうか？
<table width="100%" border="1">
<tr>
<th width="10%">コード</th><th width="40%">帳票名</th>
<th width="30%">使用方法</th><th width="20%">使用例</th><th width="10%" NOWRAP>備考</th>
</tr>
<tr>
<th>①</th>
<th><a href="①-2支払証明書（帳票）.doc">支払証明書</th>
<th><a href="①-1支払証明使用規定書.doc">支払証明書規定書</th>
<th> </th>
<th></th>
</tr>
</table>
-
3 名前： 神崎 ： 2006/02/11 00:11
- Netscape専用でempty-cells:showがあります。（消すときは hide ）
DTDでstrictを指定していれば、たぶん文法に反することになると思いますが、
単純に<th> </th>でも、だいたい全部のブラウザで枠が表示されます。
-
4 名前： Pid ： 2006/02/11 00:11
- >>2
スタイル部分をコピーするだけです（もしスタイルシートの書き方自体が分からないということであれば，スタイルシート入門に目を通してみて，分からない部分はまた質問して下さい）。
>>3
・empty-cells は CSS2 に含まれる標準プロパティですので，Netscape 専用というわけではありません（Opera，Safari も対応はしています…若干バグはありますが）。WinIE が対応していないだけです (^^;)。
・<th> </th> は Strict DTD に適合していますし，仕様的にも問題ないと思います（確かに，DTD に適合している（valid）ということと，仕様に準拠している（strict）は分けて考えるべきだと思いますが，この場合はどちらも問題ありません）。
