- 締切済み
HPの表示がIEとFirefoxで異なる
最近HPづくりを始めたのですが、自分のHPを見たときに 文字の大きさがIEとFirefoxで異なることを発見しました。 小さく表示される方にしたいのですがどうしたらいいでしょうか。
- みんなの回答 (5)
- 専門家の回答
みんなの回答
すみません、文字を小さくする方法はそれぞれの要素ごとにCSSで%で指定してやりましょう。 例えば h1 { font-size:200%; } ここでpxやemを使うといろいろと問題があるので、普段は使わないようにします。 だいたいの場合、bodyの下にコンテンツごとに囲っているdivがあると思いますので、それに指定してやるのが簡単だと思います。
私の場合はCSSでまず以下のように指定します。 html { font-size:medium; } body { font-size:100.01%; /* Operaのバグ回避用 */ } あとはDTD宣言によって対応を変えます。 ◆HTML4.01 strictなら <style type="text/css"> <!--[if lt IE 6]>html {font-size:small;}<![endif]--> </style> をHTMLのhead内に記述。 ◆XHTML 1.0 strict(xml宣言あり)なら <style type="text/css"> <!--[if lt IE 7]>html {font-size:small;}<![endif]--> </style> をHTMLのhead内に記述。 DTD宣言が無い場合や、上の2つにあてはまらない場合はそのままで大丈夫だと思います。 DTD宣言とはHTMLの1行目に書かれている <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd"> のことです。 http://www.xml.vc/xml/DTD.html
- affilie
- ベストアンサー率36% (173/474)
こんにちわ。 >smallではなく数字ということですね? 例えば <FONT SIZE=5 STYLE="font-size: 20pt">サンプル</FONT> で20ポイントサイズの文字で「サンプル」と表示されます。 (OOo2.3 Writer/Webで作成してみました) CSSにおいてもポイントサイズ指定します。 -7~+7(範囲違いは御容赦ください)やsmall等の相対的な指定では、ブラウザ環境に依存するので表示されるサイズが異なってきます。
- affilie
- ベストアンサー率36% (173/474)
こんばんわ。 文字サイズをポイント指定します。 指定する方法は#1さんのCSSによる方法、作成環境によっては全部を選択しておいて文字サイズ変更で指定します。 なお、IEとFirefoxとでは文字サイズの他にも相違する部分がありますのでタグ本等を購入して勉強されることも必要になると思います。
- tsunami02
- ベストアンサー率23% (16/68)
CSSで文字サイズを指定すれば固定になります。
お礼
smallではなく数字ということですね?