ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：torananoda CSSでフォントサイズを指定したのですがFirefoxでは反映されないのでしょうか？
困り度：
  • すぐに回答を！
 ある文章にfont-size:9pt;というCSSを外部スタイルシートで適用しています。

IEではきちんと9ptで表示されるのですが、
いつも使っているFirefoxの方が
いっこうに変化がなく文字がとても大きいままです。

どうすればFirefoxでもIEでも同じように表示できるようになるのでしょうか？

お詳しい方教えていただけますと幸いです。
質問投稿日時：08/04/17 00:07
質問番号：3953636
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答20pt
回答者：gmataw ちなみにですが、Firefoxはブラウザ設定で最小フォントの指定が可能です。
ここの設定が9pt以上になっているとか。
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/04/18 04:20
回答番号：No.4
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

良回答10pt
回答者：abril > p.infobox{font-size:xx;}とすればよいということでしょうか？

確かに結果的にはそれでもご希望に添う結果にはなるのですが、bodyにベースとなるfont-size（ここでは9pt）が定義されていれば、一部の例外（環境に依って解釈が異なりますがANo.2の回答者様が言及されている様な<table>関連や、フォームの部品<textarea>など）を除き子要素にはそのサイズが継承される理屈となっています。もし質問者様がbodyに"font-size: 9pt;"を定義済みであれば、<p>タグにもにもそのサイズが継承されている筈ですので、本来は上記の"p.infobox"には特に定義し直さなくても適用されていると思うのですが。

質問者様はHTML中で他にも<p>でマークアップはされていますよね？特にclassセレクタなどでスタイルを設定していない<p>の箇所のテキストは9ptで表示されておりますでしょうか？もし他がそうなっていて、<p class="infobox">の箇所だけが9ptにならないのであれば、（質問者様の意図と反する形で）<p class="infobox">の親要素から異なるfont-sizeを途中で新たに継承してしまっている可能性があります。できれば前後のCSSとHTMLソースをもう少し公開して頂ければ原因がわかるかも知れません。

ちなみに、<p class="infobox">〜</p>の中の更新情報は：
------------------------------------------------
xx月xx日：○○○○を更新しました。<br>
xx月xx日：○○○○に△△△を追加しました。<br>
------------------------------------------------
といった感じで追加して行くのでしょうか？<p>の中はブロック要素を入れることができませんので、となると「リスト」的にレイアウトするには上記の様に<br>ぐらいしか使えないことになりますが？もしもう少し拡張性を持たせたいなら、同様のスタイルを<table>や<ul><dl>等のリストタグでマークアップする様な構成にした方が、中で使えるタグのバリエーションがぐっと広がりますので今後何かと便利ではないかと思います。

※蛇足ですが：
> テーブルではなくテキストボックスでして、更新履歴を記載しています。

<p>は「テキストボックス」とは普通言いません。「段落（パラグラフ）」です。上記のソースは別スレッドで回答中に参考としてあった
​http://allabout.co.jp/internet/hpcreate/closeup/CU20050922A/index2.htm​
をそのままコピペしている様ですが、そこでも説明されている様にこの場合「テキストボックス」とは<textarea>の事を指していますので。
種類：アドバイス
どんな人：専門家
自信：参考意見
回答日時：08/04/17 21:53
回答番号：No.3
この回答へのお礼<p class="infobox point9">

という風にすればなぜだかできました。

infoboxの中にもpoint9はあったのですが、
なぞです。。。。。

でもできたので、よかったです。

とても参考になりました。
ありがとうございました。

回答

 
回答者：moveline テーブルは使用していますか？
body{font-size:xx;}
上記のようになっている場合は、IE以外のブラウザの一部ではテーブル内の文字の大きさは変わりません。
body,th,td{font-size:xx;}
としてみてください。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/17 13:41
回答番号：No.2
この回答へのお礼ご回答ありがとうございます。

テーブルではなくテキストボックスでして、
更新履歴を記載しています。

<style type="text/css">
p.infobox {
height: 5em;
overflow: scroll;
border: red 1px dashed;
}
</style>

このようなものです。
ここに適用させるとなると

p.infobox{font-size:xx;}とすればよいということでしょうか？

回答

 
回答者：goldfox cssファイルの書き方でミスがありませんか？
フォントサイズだけが反映されないなら、その指定がしてあるセレクタを、他のも全部ならcssファイル全体を、ここにコピーしてみましょう。
種類：補足要求
どんな人：一般人
自信：参考意見
回答日時：08/04/17 02:12
回答番号：No.1
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ