テーブルレイアウトのなかの、css

きゅう 2000/02/19(土) 03:03:28
line-heightを用いて行間隔をあけると、文章を読みやすくなりますが、line-height指定と<TABLE>の混在するページをIE3.0で表示すると、ページのレイアウトが無茶苦茶に崩れてしまいました。ととほほのwww入門にもありますが、
NNではBODY属性がテーブルに継承されない： BODY { color: red }と指定した場合、IEでは期待通り同様の動作をしますが、NNではテーブルの中身の文字が変化しません。BODY, TH, TD { color: red }と指定するようにしましょう。
にすると、こんどはマックでIEで見たら、これまたずれずれになってしまいました。
テーブルを使ったレイアウトで、文字サイズ、行間を指定するのにはどういった方法が効率的なのでしょうか？？
css初心者で、本当に試行錯誤やってますが、難しいですね。
アドバイスよろしくお願いします。

tky 2000/02/19(土) 06:09:33
> css初心者で、本当に試行錯誤やってますが、難しいですね。

CSSのバグの多いIE3,NN4,MacIE4では、
組み合わせ的にバグが発生することが多いみたいで、
本当に試行錯誤繰り返すしかないみたいですね。。

<head>内でも外部ファイルにでも

.en36 { font-size: 36px; line-height: 40px; font-family: Verdana, Helvetica, sans-serif }
.ja12 { font-size: 12px; line-height: 18px }
.ja14 { font-size: 14px; line-height: 20px; color: #EEBBBB }

とか、記述しておいて、
それぞれ指定させたい部分だけに適用させるしかないんじゃないでしょうか？
<font size="2" class="ja12" face="'ＭＳＰゴシック', Osaka">
こんなかんじ？
</font>
<p class="ja14">
もしくは、こんな感じとか。
めんどくさいですが、他の部分（テーブルや画像）に指定が
及ばないようにするしかないと思います
</p>
<h1 class="en36" lang="en">F**K!</h1>

きゅう 2000/02/20(日) 19:16:33
[[解決]]
ありがとうございます。ほんと、試行錯誤、あせってるときはさらに焦りますよね。。。がんばります。。

[上に] [前に] [次に]