テーブルのレンダリング

のり : Thu 12, 2004 02:12

どうも、Geckoエンジンはいまだ、列のグループ化には対応していないようです。行はいい感じなんですけどねぇ。

麻衣 : Thu 12, 2004 02:51

うぬー、仕様というかなんというか、未対応だったのですね。これはもしかして、セルごとに class を付けてアレコレやってチョ、という隠しメッセージでしょうか。ナチュラルに死ねる予感……。

col width="20" のように、横幅を指定するだけなら逝けるのですけどねえ。列に対するスタイルが効かないと。WinIE がばっちりなのも何だか悔しいです。

のり : Thu 12, 2004 10:27

たしかに winIE で効くのにGeckoエンジンで効かないのはくやちいのですが、そのうち対応するだろうと、私は効かないスタイルをあてています。セルごとにアレコレなんて面倒でやってられんし。:p)

アサノ : Thu 12, 2004 13:20

そーなんすよね。何故か IE ってちゃんと対応してんですよね。なんでだろー・・・。なので、相変わらず IE らーな私は自サイトでふつーに使っちゃってるんですが。でもそっち系（何）に乗り換えた時、どーしよーかなー。などと思いつつ。

ちなみに仕事の場合は流石にアレなんで、セルごとに class 指定しまくってやってまする。（合掌

麻衣 : Thu 12, 2004 21:21

確かに、いつか来るであろう将来に備え、col とかそのへんはちゃんと付けておいた方がいいですね。CSS3 には「n 番目の子要素」にマッチするセレクタがあるみたいなので、ブラウザー共がその気になってくれれば、クラスとかを付けなくても善さそうでごんす。

以前会社で変な表を作った時は、モロに align 属性使いまくりでした。だって、「IE でも NN4.x でも同じように（略）」とかってわけわからんことを云われたのですもの……。

謎 : Sun 15, 2004 13:22

td{text-align: left;font-weight: bold;}
td+td{text-align: right;}
td+td+td{text-align: ".";}
でOKなのでは?(IEは無理だが。)
http://saru.oops.jp/puki/pukiwiki.php?CSS%A5%BB%A5%EC%A5%AF%A5%BF

麻衣 : Mon 16, 2004 15:51

なるほど、隣接セレクタで指定ですな。んでも、これだと 2 列目に適用させたいスタイルが 3 列目にも適用されちゃったりするので、ちと修正してみますた。

tbody tr td:first-child { font-weight: bold; }
tbody tr td:first-child + td { text-align: right; }
tbody tr td:first-child + td + td { text-align: "."; }

しかし現在作成中の表は、列が 20 以上もあるので、ちょっとこの方法では厳しいものがあるのです……。