- 締切済み
IE（5.5）とNN（4.7）のフォントサイズについて。
フォントサイズがデフォルトのままだと、IE(5.5)とNN(4.7)とではフォントサイズが違うのです。 IEの方でフォントサイズを「小」にするとNNと丁度良いサイズになるので、 IEでアクセスしたときには強制的にフォントサイズを「小」に変更することなど出来ませんでしょうか？ CSSで「12px」とかにしたんですけど、やはりIEでサイズが「中」になっていると 微妙にサイズが違ってしまうのです。 また、テーブル内のフォントのサイズも同じように変更したいのでNNに対しては融通が利かないのです。 なにとぞお知恵をお貸しくださいませm(_ _)m
- mk_jmc
- お礼率10% (50/498)
- HTML
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
これはJavaScriptとの併用である程度解決つきます。 ブラウザによって使用するCSSファイル（この場合は外部ファイルにします。拡張子『.css』）を用意し、<head>~</head>タグ内にブラウザの判別のスクリプトを書く形です。 IE用とNN用で別々のCSSを用意する事によって、かなり近い状態で表示されるはずです（それでもWindows/Mac、他のバージョンを考えると完全に一致させる事は至難の技ですが・・・）。 JavaScriptでのブラウザ判別については、ここの『JavaScirpt』の方で見つかったので、そのリンクを。
- hequil
- ベストアンサー率65% (242/372)
Web Designing 2001年12月号でOS、ブラウザの違いによるフォントサイズの調整についてかなり丁寧な記事が掲載されていました。 回答ではありませんが、参考までに紹介しておきます。
- 参考URL：
- http://book.mycom.co.jp/wd/
関連するQ&A
- cssでフォントサイズを相対指定。→NNで小さすぎ
webデザイナーを目指しただ今、ＨＰ制作勉強中の者です。 Win＆Mac（IE5.5、NN4.7、7.0)で確認作業しています。 IE、NNで共にフォントサイズの固定をせずに、尚且つ、IEでの表示文字サイズ「中」を基準として、程よい大きさで表示をさせたいと思い、cssで相対サイズの font-size:x-small を指定しました。 IEではうまい具合にいくのですが、ＮＮの方で、大きさは可変するものの、デフォルト(文字の大きさ100%)で小さすぎになってしまい、どうにかこのような状況を避け、下記のような条件でフォントサイズを制御したいのですがどんな方法がありますでしょうか？ ●NN、IEともにサイズ固定させたくない ●NNデフォルトで、読みやすいくらいのフォントサイズで表示したい ptで指定すると、IEでは固定されてしまいます。 ユーザーがNNのブラウザの設定をいじって、デフォルトサイズを変更しない限り無理なのでしょうか？ また、IEとNNで別々のcssを適用させるなどの方法が存在するのでしょうか？ NNでの表示は目をつぶりますか？ 又、商業的なサイトを制作されている方は、文字サイズを固定させたくない場合にどんな指定をしますか？
- ベストアンサー
- HTML
- NNでスタイルシート（フォント指定）使用
今まではIEでしかページチェックをしていませんでしたが、やはりNNでもチェックしないと…と思ってチェックしてみたところ ひどいありさまでした…。 そんなにひどいレイアウトの崩れなどはなかったのですが、文字が画像の下（画像はCSSで位置指定）とかに隠れてしまったりとか。 フォントの指定は FONT{COLOR:GRAY; FONT-SIZE:12px;} のようにしているのですが、 NNの[表示]-[テキストの拡大]で大きさが変更できてしまいますよね？ これを回避するにはどうしたらいいのでしょうか？ IEは5.5 NNは7.0 です。（本当はNNは4.0が欲しかったのですが…） よろしくお願いします。
- ベストアンサー
- CSS
- ＜css＞テーブルの中と外で同じフォントサイズにならない
WinXPproSP2＋IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか？ HTMLでのフォントサイズは行っておりません。 ＜cssの記述内容＞ body{ font-size:20px; } table{ font-size:20px; }
- ベストアンサー
- CSS
- IEのフォントサイズが大きい。
IE6でWINDOWS ME のパソコンのIEでYAHOO!やGOOGLEの表示されている文字のフォントサイズがこのOKWAVEと比べて大きいです。 画面のプロパティを見ても、小さいフォントとなっています。 また、YAHOO!検索をやって、横にあるフォントサイズ切り替えも小になっているにもかかわらず、ほかのと比べて大きいです。 IEのフォントサイズの切り替えはできるのでしょうか。 どなたかご存知の方がいらっしゃいましたら、お知恵を拝借できませんか？どうぞよろしくお願いします。
- ベストアンサー
- Windows系OS
- CSS {font-size:数値px}の指定について
こんにちわ。 外部CSSにて、以下のような記述を読み込んでいます。 .12 {font-size:12px} 参考書を見た所、IE6とNN7は対応と書いてありました。 WindowsXPSP2にて、IE7で閲覧した所問題ありません。 同環境にて、NN7とFirefox1.5では文字が指定しない場合と 同じ大きさで表示されてしまいました。 指定箇所は、様々でDivやFontに入れても、TableやTDに 指定を行っても表示が全く変わりませんでした。 例：<td class="12">のように 私の指定や記述が間違いなのでしょうか。 ％でのフォントサイズは、環境によって拡大縮小が異なると 思い、出来るだけ数値指定で表示をさせたいです。 ご存知の方おりましたら、ご教授頂けると幸いです。
- ベストアンサー
- HTML
- body font-size:13px; IE6
CSSライブラリ YUIの font-size:13px; からの font-size:100%; のセットで、 /* YUIのCSS */ body{ font-size: 13px; *font-size: small; *font: x-small; } div{font-size: 100%;} この場合の以下は、 ------------------- *font-size: small; *font: x-small; ------------------- IE6用の font-size: small と font-size: x-small の為にあるのでしょうか？ それなら、CSSでfont-size: small; と font-size: x-small;を使わないで、font-size: 85%;とか使えば上記のハック不要って事でしょうか？ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 上記の様なXHTML,１行目xml宣言付きの場合、 IE6用の *font-size: small; *font: x-small; を書いても font-size: small と font-size: x-small が小さくならないので、 xml宣言ありでIE6では標準にならないのでハック不要って事ですか？ IE6で見てもハックを付けても消しても同じなんですが・・・ なんか間違っているのでしょうか？
- ベストアンサー
- HTML
- Fontのサイズを変更したい(MacのIE対応で)
以前table内のフォントサイズを調整するために<td>タグ内に<span style="font-size:12px;">や<p style="font-size:12px;">といったタグいれることによって上手くいくと教えていただいたのですが、WindowsのIE、ネスケ、およびMacのネスケではこれで上手く見えるのですが、MacのIEには通用しません。マックのIEでフォントサイズを調整するにはどうすれば良いのでしょうか。
- 締切済み
- HTML
- IE8とIE9でフォントサイズの変更ができない
はじめてWEBサイトを制作しており、ある程度できあがったので、 いろいろなブラウザで確認していたのですが、 IE8とIE9で表示→文字のサイズ→最大にしても文字サイズが変更されません。 CSSはYahoo! UI Libraryのreset-fonts.cssを使用して、初期設定を１３pxとして、 その他の要素は、％で指定しているのですが、なにか間違っているのでしょか？ IE7やその他のブラウザなら文字サイズは変更できます。 なにか原因と対策がありましたら、教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- IEでのCSS文字サイズの指定について
IE9が発表されたのを機に、IEでのCSS文字サイズの指定を見直そうと「サッポロホールディングス」を参考にしています。 http://www.sapporoholdings.jp/ ソースを見ていくと「base.css」の「body」に下記の記述があります。 font-size: 12px; *font-size: 75%; IE6-7は「75%」指定になるので文字サイズが変えられるのですが、IE8では「12px」指定になって文字サイズが変えられません。 ですが、実際にIE8で見てみると文字サイズの変更ができました。IE8の「開発者ツール」で見ると「75%」指定になっています。 ソースをくまなく見たのですが、なぜこの結果になるかがわかりません。 わかる方、ご教授お願いします。
- ベストアンサー
- CSS
- cssで指定した文字の大きさがIE6とIE7で違う
cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。
- 締切済み
- HTML
