セルがつぶれてしまう
-
0 名前： いばら ： 2006/01/26 19:32
- はじめまして。
現在とあるHTMLページを作成中なのですが、TABLEタグで悩んでいます。
下記に例のHTMLを記述させて頂きます。
<table>
<tr>
<td>てすと１</td>
<td>テスト２</td>
</tr>
<tr>
<td>てすと３</td>
<td></td>
</tr>
<tr>
<td>てすと４</td>
<td></td>
</tr>
<tr>
<td>てすと５</td>
<td>テスト６</td>
</tr>
</table>
上記の様なTABLEがあったとします。
この時、「てすと３」・「てすと４」の次の<td>要素の部分が値が存在
しない時にブラウザからこれを見るとその部分の枠が消えてしまいます。
全角スペースをいれれば枠は表示できたのですが、スペースを入れる以外の
解決方法はないでしょうか？
乱文になって申し訳ございませんが、ご存知の方いらっしゃいましたら
お知恵を貸して下さい。
-
1 名前： カヅサツ ： 2006/01/26 19:32 ［URL］
- CSS で empty-cells プロパティの値を show にすれば良いのですが、IEが無視してしまいます。
cellspacing が無視されて良いなら、table要素の border-collapseプロパティの値に collapse を指定すれば、塩梅良いかもしれません。
table,th,td{
border: 1px solid black;
}
table{
border-collapse: collapse;
}
-
2 名前： 匿名希望 ： 2006/01/26 19:32
- 透過GIFでも入れてみてはどうでしょう？
-
3 名前： 匿名希望 ： 2006/01/26 19:32
- ROWSPANやCOLSPANで他のセルをつなげてしまう方法もあるかと。
http://www.tagindex.com/html_tag/table/td_span.html
もっとも、何のためにTABLE要素を用いるかが問題だけど。
http://members.jcom.home.ne.jp/pctips/www/faq/TableLayout.html
