WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:表の罫線が常に表示されるようにしたい

0:[投稿] ブリリアント [2003/01/30 23:49 ][環境:win98 UNIX]

こんにちは。

表を作成したとき、セルの中に値がないと、罫線が表示されなくて困っています。
いろいろ、表のスタイルを変更してみたのですが、うまくいきません。初歩的な内容で、申し訳ありませんが、どなたか、回答をお願いします。


1:[回答] 空セルって厄介だね。 [2003/01/31 01:48 ]

CSS の empty-cellsプロパティで制御することができます。
http://www.parkcity.ne.jp/~chaichan/src/csstable.htm#empty-cells
ただし、余り対応しているブラウザはありません(Netscape 6以降, Opera 6以降が対応)。

その他にも、結合ボーダーモデルを利用する方法もあります。
http://www.parkcity.ne.jp/~chaichan/src/csstable.htm#border-collapse
こちらは、WinIE5以降, Netscape 7, Opera 6以降が対応しています。
ただし、ボーダーが結合されるので、ボーダー間隔はありません。

下記の例示を、WinIE 6, Opera 6 及び 7,
Netscape 6.2 及び 7 で試してみた所、
空セルのボーダーを表示することができました。
Netscape 6.x については、結合モデルにはなりません。

<style type="text/css">
table {
 border: solid 1px red;
 /* セルボーダーを結合モデルに。 */
 border-collapse: collapse;
}
td {
 border: solid 1px red;
 /* 結合モデルでは関係ないけど、
   Opera 6 と Netscape 6.x 対応の為に記述。 */
 empty-cells: show;
}
</style>

余り宜しくありませんが、セルに「&nbsp;」を記述したり、
1×1ピクセルの透明GIF画像を埋め込むといった常套手段もあります。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World