tbodyへのCSS設定が反映されない

[新着] Webテンプレートを仮オープンしました

0   名前： poka_poka ： 2007/04/10（火） 08:46  ID:xK5iBX/1 sub-Cl
下記コードですが、各セル、行への背景色は確認です。最初の<tbody>では　背景色は適応されているのに　枠線が表示されていません、IE6です。<tbody>単位に個別の設定をしようとしたのですが…、最終的にはCSS外部リンクする予定です。
<html lang="ja">
<head>
　<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
　<title></title>
</head>
<body>

 <table border="0" cellspacing="10" cellpadding="30">
  <tbody style="background-color:red;border:3px solid black;">
   <tr>
    <td>
      あああああああ
    </td>
    <td>
     いいいいいいい
    </td>
   </tr>
  </tbody>
	
  <tbody>
   <tr style="background-color:green;">
    <td colspan="2" style="background-color:white;">
     ううううううううううううううううう
    </td>
   </tr>
   <tr style="background-color:blue;">
    <td colspan="2">
     えええええええええええええええええ
    </td>
   </tr>
  </tbody>
 </table>

</body>
</html>
よろしくお願いします。
1   名前： key-child ： 2007/04/10（火） 08:46  ID:8GUFlW2K sub-DR
separateの部分を参照。
http://hp.vector.co.jp/authors/VA022006/css/tables.html?jouyou_l#border-collapse

「あ」と「い」を合わせて囲みたいなら、
表を別けて、teble要素にborderプロパティを設定。
文書構造上、別けるのが無理ならあきらめるのがいいかと思われます。

「あ」と「い」を個別に囲みたいなら、
td要素にborderプロパティを設定。
2   名前： poka_poka  ： 2007/04/10（火） 08:46  ID:xK5iBX/1 sub-Cl
>>1 key-childさん　お世話になりました。
上記サイト参考にさせてもらいました、

分離ボーダーモデルを用いる。表周囲のボーダーと各セルのボーダーとが分離されます。
このモデルでは，行・行グループ・列・列グループに対してボーダーを設定しても無視されます。

ということなのですね。単純に利用しようとしても、奥が深いですね。……のはずなのに!!なぜ???といった部分ですね(よくあることですが)。
<tbody>は何のためにあるのだろうかと思っていろいろと　試していました。同一<TABLE>内で<TBODY>で区分し、それぞれ別の設定にできるのだろうか？　そのための<TBODY>なんだろうと。
[A_Tbody]内は2行2列で、[B_Tbody]は3行5列とかいったふうにです、[colspan rowspanを使わなくても可能？といったことです。]結果は　できませんが、まぁ　そういったことに利用できないのなら<TBODY>は必要ないのかな？　といった疑問でした。
3   名前： 匿名 ： 2007/04/10（火） 08:46  ID:S3ZuYI9G sub-Cz
各 tbody 要素ごとにスクロールバーを出す等、応用範囲は広いんだけど。

MS Excel や OOo Calc でもそうだが、表データの操作をスムーズに行うには、シート内のデータをグループ化しておくと都合が良い。
4   名前： poka_poka  ： 2007/04/10（火） 08:46  ID:iI34dZKV sub-Cl
>>3 匿名 さん　おせわになります。
あっ、なるほど!!です。そういった利用もできるわけですね、考えつかなかった。
UAの実装、バグその他諸々で　適応される　されないはあるとしても　利用方法はいろいろとあるのですね。
最近では<TABLE>を使うことも以前と比べると少なくなりましたが、やっぱり便利名ところがたくさんありますので、必要最小限で　利用は　しています(単に個人的なことです)。
参考になりました。
一覧へ戻る