• 締切済み

IEとFIREFOXのフォントのサイズ違いを直したい。

IEとFIREFOXではフォントのサイズが違ってしまいます。 FONT-SIZE:80%;とすると、 FIREFOXのほうが小さく表示されます。 これを同じサイズにするにはどうしたらよいのでしょうか? どなたかお教えいただきたいと思います。 よろしくお願いします。

  • o-val
  • お礼率76% (20/26)
  • HTML
  • 回答数4
  • ありがとう数4

みんなの回答

noname#66720
noname#66720
回答No.4

<style type="text/css"> html { font-size:medium; } body { font-size:100.01%; } </style> <!--[if IE]> <style type="text/css"> html { font-size:small !important; } </style> <![endif]--> これをhead内に記述するか、適宜外部CSSに記述してください。 フォントサイズの微調整については、html、bodyに上書きしないようにし、それぞれの要素ごとに%で指定してやると良いと思います。

o-val
質問者

お礼

ご回答ありがとうございます。 とても勉強になりました。

  • gityotan
  • ベストアンサー率53% (23/43)
回答No.3

参考にしてみてください。

参考URL:
http://www.ichiro.to/common/resource/fsizecheck.php
o-val
質問者

お礼

ご回答ありがとうございます。 早速、拝見させていただきます。

noname#66720
noname#66720
回答No.2

HTMLまたはXHTMLのDTDによって方法が変わります。 何になっていますか?

o-val
質問者

補足

回答ありがとうございます。 DTDは <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">です。 どうぞよろしくお願いいたします。

  • Zaku95
  • ベストアンサー率44% (8/18)
回答No.1

font-size:12px; と絶対値で指定してはどうですか?

o-val
質問者

お礼

ありがとうございます。 早速やってみます。

関連するQ&A

  • IEとFirefoxで、H1タグのフォントサイズの違いについて教えてく

    IEとFirefoxで、H1タグのフォントサイズの違いについて教えてください。 フォント指定をしたDIVタグ内にH1タグを書くと、サイズが変わります。 例?  --IEで見ると、両方同じ。Firefoxで見ると1つ目が小さい。 <div style="font-size:9pt;"><h1>あああ</h1></div> <h1>あああ</h1> 例?  --IEで見ると、両方同じ。Firefoxで見ると1つ目が大きい。 <div style="font-size:22pt;"><h1>あああ</h1></div> <h1>あああ</h1> これはどのような影響を、どのような法則で受けているのでしょうか。

    • ベストアンサー
    • HTML
  • firefoxのフォントサイズが変化しない?

    今日、このページを見たら、フォントサイズが変更しないようになっていました。 http://business.nikkeibp.co.jp/article/topics/20070118/117191/ IEですとフォントサイズをpx指定などにすると、ブラウザのほうでフォントサイズを変えても変わらないというような認識をしておりましたが、firefoxでは変化すると今まで思っていたのですが。。 これは、どのように設定するのでしょうか。もしくは、firefoxの仕様がそのようになったのでしょうか。

  • cssのfont-sizeがFirefoxで効かない

    .css 記載したfont-sizeがFirefoxで表示すると、反映されません。IEでは、反映されます。 記載ミス?でしょうか。 colorは反映されます。 どうぞ、よろしくお願いいたします。 CSS部分 td{ color:#663300; font-size: 10pt; } html部分 <td>ああああ<td>

    • ベストアンサー
    • HTML
  • IEのフォントサイズが大きい。

    IE6でWINDOWS ME のパソコンのIEでYAHOO!やGOOGLEの表示されている文字のフォントサイズがこのOKWAVEと比べて大きいです。 画面のプロパティを見ても、小さいフォントとなっています。 また、YAHOO!検索をやって、横にあるフォントサイズ切り替えも小になっているにもかかわらず、ほかのと比べて大きいです。 IEのフォントサイズの切り替えはできるのでしょうか。 どなたかご存知の方がいらっしゃいましたら、お知恵を拝借できませんか?どうぞよろしくお願いします。

  • CSSでフォントサイズを指定したのですがFirefoxでは反映されないのでしょうか?

    ある文章にfont-size:9pt;というCSSを外部スタイルシートで適用しています。 IEではきちんと9ptで表示されるのですが、 いつも使っているFirefoxの方が いっこうに変化がなく文字がとても大きいままです。 どうすればFirefoxでもIEでも同じように表示できるようになるのでしょうか? お詳しい方教えていただけますと幸いです。

    • ベストアンサー
    • HTML
  • IE・FIREFOX・OUTLOOKEXPRESSのフォントが大きい・CSSが読み込めていない?

    OS:XP_SP2 IE6.0 Firefox2.0 OE6.0を使用しています。 インターネットエクスプローラーを使用していて気づきました。 フォントサイズが随分大きいです。表示→文字のサイズは中になっています。 MSNがホームに設定してありますが、どうやら背景に指定してある画像が読み込めていないのと、テーブルがうまく表示されずずれてしまっている状況です。(他のXP端末と見比べて判明しました) 気になってFIREFOX2も開いてみましたが同様の症状です。 OUTLOOKEXPRESSを使用していますがこれもフォントが大きいです。 どこの値をさわれば正常な表示に戻りますでしょうか。 フォントサイズを最小にすれば文字は小さくなりますが、背景は読み込めません。 よろしくお願いいたします。

  • ie6.0<FONT size="*n">

    <FONT size="*n">でフォントサイズを変えていますが、手元のWinXP/PC/IE6.0で見ると文字サイズが変わりません。IEの[表示]→[文字サイズ]を変えればもちろん変わりますが、<FONT size="+1">も<FONT size="+2">も同じ大きさなのです。隣席のPC(WinXP/PC/IE6.0)では正常です。IEの設定か何かが違うのでしょうか?

  • IE6でどのフォントサイズも同じ大きさに

    ふと、ブラウザIE6の表示を見ていて気が付いたのですが、どのホームページを表示しても、通常のHTMLで書かれたページの<FONT SIZE>タグが無視されているようなのです。 例えば次のようなHTMLを表示しても同じ大きさの文字しか表示されません、ブラウザの表示-文字サイズによる変更はできますが、やはりそれぞれの文字のサイズは同じです。 <HTML> <HEAD><TITLE>TEST</TITLE></HEAD> <BODY> <FONT SIZE="3">A<BR></FONT> <FONT SIZE="5">B<BR></FONT> <FONT SIZE="7">C<BR></FONT> </BODY> </HTML> 他のPCでは正しく表示されるので、このPCの問題だと思っています。プラグインとか他のソフトが悪さしているのでしょうか? OSはWin2000ProSP4です、どなたかご存知の方がおられたらアドバイスお願いいたします。

  • アメブロ、IEとFirefoxで文字のサイズが違う

    アメブロでブログを作っているのですが、Firefoxで自分のブログを見るとIEで見る時よりも文字のサイズが大きくなっています。 他の方のブログを見てもIE・Firefoxともに文字サイズは変わらないのですが、Firefoxで見た私のブログだけが大きく表示されていて・・・ どうやったらIEのサイズに合わせることができるのでしょうか? よろしくお願いします。

  • IE,Firefoxの文字サイズについて

    現状以下のCSSが組まれたシステムがあります。 そもそも、font:というタグがFireFoxでは無効みたいで・・ table,tr,td,th{ font:x-small; color:#000000; } 上記の影響なのか、IEの方がフォントが大きくなる ケースがあります(汗) なので、IEの場合のみ<small>タグで囲んだりと スマートでない方法になって困っています。 せめて、IEの方が常にフォントが小さい状態になって くれれば良いのですが・・今の状態から、 どうすればブラウザ間で文字サイズを統一できるでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう