CSSで質問です。


bodyにpxでフォントのサイズを指定しております。

JavaScriptで、大中小のフォントサイズの変更ボタンを付け
bodyのpxにあわせて、フォントサイズの大きさを変更したいと思っております。

テーブル中心のサイトなのですが
どう対応すればよろしいでしょうか?
ソースレベルでご説明頂けますと幸いです。
※クッキーなどの説明は不要で、サイズの変更の仕方のみで
かまいません。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/02/03 00:54:21
  • 終了:2008/02/10 00:55:02

回答(2件)

id:t_shiono No.1

t_shiono回答回数256ベストアンサー獲得回数222008/02/03 01:17:10

ポイント35pt

現状を把握していないので参考程度ですが、以下のリンクのようにJavaScriptでbodyタグのclass属性を書き換えるのが簡単ではないでしょうか?

http://east.portland.ne.jp/~sigekazu/css/javascript3.htm


あとは、class属性ではなく、styleのfont-sizeのみを書き換える方法もありだと思います。

http://www.openspc2.org/JavaScript/reference4/CSS/fontSize/index...


参考になれば

id:makiton No.2

makiton回答回数23ベストアンサー獲得回数32008/02/05 18:43:04

ポイント35pt

質問の意図を取り違えているかも知れませんが、

「bodyのフォントサイズをJavaScriptで変更するが、その際にテーブルのフォントサイズも一緒に変更する方法が知りたい」

という事でしょうか。

body以外を相対指定すれば子孫要素のサイズはbodyのフォントサイズに合わせて変化します。

body{
    font-size: 12px;
}
table{
    font-size: 95%;
}

個人的にはbodyも相対指定した方が良いかと思います。

pxのような絶対指定だと、IEの場合ユーザが文字サイズを変更したときもサイズが固定されてしまうからです。

手元にIEが無くて確認できていないのですが、互換モードで動作しているIEだと、

テーブルの中のフォントサイズが変わらないかも知れません。

DOCTYPEをHTML 4.0 Strictあたりにして、標準モードで動作させればうまく行くと思います。

詳しくは以下を参考にしてください。

http://www.dspt.net/html_tag/mode.html

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません