表（テーブル）内の文字サイズ一括変換

解決済

質問者：mu_minmin
質問日時：2008/10/10 18:43
回答数：4件

<table>タグ内の文字サイズを一括して変換させたくて、
Q.No1470163の質問（2005年6月24日投稿のものです）に対する解答No.6とNo.1を参考に（というかNo.6を殆どコピペして）、表を作ってみました。

地の分より表内の文字を小さくしたかったのですが、Netscape7とFirefox3はうまく小さくなりましたがIE6では文字サイズが変わりません。
ちなみにcssの指示は↓と書きました。

<style type="text/css">

</style>

どうすればIEでもうまく小さくなるでしょうか？お教え下さい。
なお、当方、初心者です。お手数ですが専門的になるとお手上げなので簡単な方法でお願いします。

↓以下はQ.No1470163の質問（2005年6月24日投稿のものです）に対する解答No.6の一部引用です。

例示。
<table id="sidTable001" class="sclTable000">
　<colgroup>
　　<col id="sidCol001" class="sclCol000">
　　<col id="sidCol002" class="sclCol000">
　</colgroup>
　<tr id="sidTr001" class="sidTr000">
　　<td id="sidTd011" class="sclTd001">左側０１</td>
　　<td id="sidTd012" class="sclTd002">右側０１</td>
　</tr>
　<tr id="sidTr002" class="sidTr000">
　　<td id="sidTd021" class="sclTd001">左側０２</td>
　　<td id="sidTd022" class="sclTd002">右側０２</td>
　</tr>
</table>

上記 HTML に対して
全セルに対して : tr{ ～ ;}
このテーブルに限った全セルに対して : #sidTable001 tr{ ～ ;}
左側０１，右側０１に対して : #sidTr001 tr{ ～ ;}
左側０１，左側０２に対して : tr.sclTd001{ ～ ;}
左側０１だけに対して : tr#sidTd011{ ～ ;}

尚、左側０１，右側０２に対して : tr#sidTd011, tr#sidTd022{ ～ ;}
の様な複数の指定も出来ます。
（CLASS で同じCLASS名を付ける方をお勧めしますが、一応技術的に出来るという事で例示をしました。）
回答者：koutarou504さま

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： naokita
回答日時：2008/10/10 21:26

これだけで良いのでは？

- 0
- 件

通報する

この回答へのお礼

ご教授ありがとうございました。
”small”ってブラウザによりけりなんですか…初めて知りました。

通報する

お礼日時：2008/10/14 12:54

No.4

回答者： DrFell
回答日時：2008/10/10 22:11

<style type="text/css">

</style>
ここの「tr{}」を「td{}」に変更すればIE6でも小さくなるはずです。お試しを。

- 1
- 件

通報する

この回答へのお礼

ご教授ありがとうございました。

通報する

お礼日時：2008/10/14 12:55

No.3

回答者： idhokanohi
回答日時：2008/10/10 21:53

今頭回らないので質問をあまり理解できていませんが

class="class1 class2 class3"のように半角スペースで区切って複数指定できます。
またCSSは例えば
.class1 {color:#FF0000;}
.class1 {color:#0000FF;}
となっていた場合、二つしていすると後の方のが優先されます。
こういったものを利用すればできるんじゃないかな。