フォントサイズがデフォルトのままだと、IE(5.5)とNN(4.7)とではフォントサイズが違うのです。
IEの方でフォントサイズを「小」にするとNNと丁度良いサイズになるので、
IEでアクセスしたときには強制的にフォントサイズを「小」に変更することなど出来ませんでしょうか?
CSSで「12px」とかにしたんですけど、やはりIEでサイズが「中」になっていると
微妙にサイズが違ってしまうのです。
また、テーブル内のフォントのサイズも同じように変更したいのでNNに対しては融通が利かないのです。
なにとぞお知恵をお貸しくださいませm(_ _)m

A 回答 (2件)

これはJavaScriptとの併用である程度解決つきます。


ブラウザによって使用するCSSファイル(この場合は外部ファイルにします。拡張子『.css』)を用意し、<head>~</head>タグ内にブラウザの判別のスクリプトを書く形です。

IE用とNN用で別々のCSSを用意する事によって、かなり近い状態で表示されるはずです(それでもWindows/Mac、他のバージョンを考えると完全に一致させる事は至難の技ですが・・・)。

JavaScriptでのブラウザ判別については、ここの『JavaScirpt』の方で見つかったので、そのリンクを。

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=186603
    • good
    • 0

Web Designing 2001年12月号でOS、ブラウザの違いによるフォントサイズの調整についてかなり丁寧な記事が掲載されていました。



回答ではありませんが、参考までに紹介しておきます。

参考URL:http://book.mycom.co.jp/wd/
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qcssでフォントサイズを相対指定。→NNで小さすぎ

webデザイナーを目指しただ今、HP制作勉強中の者です。

Win&Mac(IE5.5、NN4.7、7.0)で確認作業しています。
IE、NNで共にフォントサイズの固定をせずに、尚且つ、IEでの表示文字サイズ「中」を基準として、程よい大きさで表示をさせたいと思い、cssで相対サイズの font-size:x-small を指定しました。
IEではうまい具合にいくのですが、NNの方で、大きさは可変するものの、デフォルト(文字の大きさ100%)で小さすぎになってしまい、どうにかこのような状況を避け、下記のような条件でフォントサイズを制御したいのですがどんな方法がありますでしょうか?

●NN、IEともにサイズ固定させたくない
●NNデフォルトで、読みやすいくらいのフォントサイズで表示したい

ptで指定すると、IEでは固定されてしまいます。
ユーザーがNNのブラウザの設定をいじって、デフォルトサイズを変更しない限り無理なのでしょうか?
また、IEとNNで別々のcssを適用させるなどの方法が存在するのでしょうか?
NNでの表示は目をつぶりますか?
又、商業的なサイトを制作されている方は、文字サイズを固定させたくない場合にどんな指定をしますか?

webデザイナーを目指しただ今、HP制作勉強中の者です。

Win&Mac(IE5.5、NN4.7、7.0)で確認作業しています。
IE、NNで共にフォントサイズの固定をせずに、尚且つ、IEでの表示文字サイズ「中」を基準として、程よい大きさで表示をさせたいと思い、cssで相対サイズの font-size:x-small を指定しました。
IEではうまい具合にいくのですが、NNの方で、大きさは可変するものの、デフォルト(文字の大きさ100%)で小さすぎになってしまい、どうにかこのような状況を避け、下記のような条件でフォントサイズを...続きを読む

Aベストアンサー

直接的な解決方法ではありませんが…

IEで表示サイズ「中」をデフォルトとみなして、文字サイズの縮小をさせる形でデザイン側の程よいサイズにしているとのことですが、できれば文字を縮小させない範囲でデザインをした方が良いと思います。
ブラウザ側での文字サイズの指定は、ユーザーが任意に自分で見やすい大きさにしていると考えるほうが無難かと思いますし、そうであるとすれば、いつもの文字サイズよりも小さい文字で表示されるのは、読む側からすればあまり好ましく思われないのではないかと思うのです。 たとえ文字の表示サイズをブラウザの設定で可変できるようにしていあるからといって、その手間を閲覧者にかけさせてしまうのはいかがなものでしょうか。
例えば、IEでも普段表示サイズを最小にしているユーザーがそのページを開けば、異様に細かすぎる文字になってしまいますし、「中」の表示サイズが丁度良いと考えてサイズを中に設定しているユーザーから見れば、サイズをx-smallに指定された文字でも、デザイン側が丁度良いと考えていたとしても、ユーザーから見れば小さくて読みにくいと感じる可能性もあります。 人によっては不快感すら覚えるかも知れません。
いつものフォントサイズより大きく表示される分には不恰好に思われる程度で済みますが、小さくなった場合読みにくくなってしまう度合いが文字が大きくなるよりも著しいと思います。 これは、状況によるかも知れませんが、見てもらうという上では非常に不利になるのではないでしょうか。

もし、どうしてもブラウザによって適用するスタイルシートを振り分けたいというのであれば、JavaScriptでブラウザやユーザーエージェントを取得して、その値によって適用するスタイルシートを切り替えるような仕組みを入れる方法などが考えられると思います。
head内にJavaScriptでスタイルシートを書き出させても良いでしょうし、DOMとDHTML的手法を利用すれば動的にスタイルシートを変更することも可能です。

素人の発想ですが、参考になれば… 失礼しました。

直接的な解決方法ではありませんが…

IEで表示サイズ「中」をデフォルトとみなして、文字サイズの縮小をさせる形でデザイン側の程よいサイズにしているとのことですが、できれば文字を縮小させない範囲でデザインをした方が良いと思います。
ブラウザ側での文字サイズの指定は、ユーザーが任意に自分で見やすい大きさにしていると考えるほうが無難かと思いますし、そうであるとすれば、いつもの文字サイズよりも小さい文字で表示されるのは、読む側からすればあまり好ましく思われないのではないかと思うのです...続きを読む

QIE8とIE9でフォントサイズの変更ができない

はじめてWEBサイトを制作しており、ある程度できあがったので、
いろいろなブラウザで確認していたのですが、
IE8とIE9で表示→文字のサイズ→最大にしても文字サイズが変更されません。

CSSはYahoo! UI Libraryのreset-fonts.cssを使用して、初期設定を13pxとして、
その他の要素は、%で指定しているのですが、なにか間違っているのでしょか?

IE7やその他のブラウザなら文字サイズは変更できます。

なにか原因と対策がありましたら、教えてください。

よろしくお願いします。

Aベストアンサー

有名なIEのバグです。本来はカスケーディングの仕組みは
ユーザーの最重要宣言>著者の最重要宣言>著者の宣言>ユーザの宣言>ブラウザの宣言
のはずなのですがね。
そこで
<link rel="stylesheet" href="/CSS/persistent.css">
<!--[if IE]>
<link rel="stylesheet" href="/CSS/IE.css">
<![endif]-->
<link rel="stylesheet" media="screen" href="/CSS/stanard.css">

persistent.css ----
font-size:14px;
h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.6em;}
p{text-indent:1em;}
font-family:**********************略
}

IE.css
font-size:75%;/* IEのデフォルトは16pxなので */

standard.css{
h1{font-size:1.6em;}

とか。
 ただし、IEでもCtrl++、Ctrl+― で拡大伸縮はできます。

文字エンコードをShift-JISにしたりすると回避される場合もあるなど、IEにはfontに関して多くのバグがあり、一向に改善もされません。そのテストのためだけにIEを起動しなければならないウェブデザイナー泣かせのブラウザです。

有名なIEのバグです。本来はカスケーディングの仕組みは
ユーザーの最重要宣言>著者の最重要宣言>著者の宣言>ユーザの宣言>ブラウザの宣言
のはずなのですがね。
そこで
<link rel="stylesheet" href="/CSS/persistent.css">
<!--[if IE]>
<link rel="stylesheet" href="/CSS/IE.css">
<![endif]-->
<link rel="stylesheet" media="screen" href="/CSS/stanard.css">

persistent.css ----
font-size:14px;
h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.6em;}
p{text-indent:1em;}
font-family:**************...続きを読む

Q文字化けとNN4.7の関係について

文字コードの指定を Shift_JISにして作成(実際の記述も、文字コード指定もです)したHTMLページなのですが
NN4.7で見ると何故か文字化けしてしまいます。

その後ウインドウをリサイズしたり、更新ボタンを押すと日本語に直るのですが・・・。

しかもその状況はいつでも起こるわけではなく、
テスト用のサーバーで起きます。テスト用のサーバーはWINで稼動していて、本番のサーバーは他の物で動いています。(曖昧ですみません)
実際には本番で稼動しているので問題はないと思いますが、テストページを確認する際に表示が崩れていて困っています。

NN4.7の仕様というか、バグなのでしょうか?
NN4.7については英語版の物を使用しているので、それが関係しているのでしょうか。

何かお心当たりの事がありましたら、アドバイスをお願いします。

Aベストアンサー

Content-Type: text/html
が同じですか。Winサーバーの場合にはNSがおかしくなるようなContent-Typeを返していたはずです。

QNN4.7での表示なんですけど・・・

<p>でスペーサーを挟んで高さをとろうとしたら、NN4.7でつぶれてしまい、高さがとれませんでした。テーブルに入れずに、<p>で表示する方法を知っている方、よろしくお願いします!

Aベストアンサー

こんにちは!

>はい、入れてるのですが、つぶれてしまうんです・・

そうですか・・。
おかしいですね。
私も試してみたんですが、ちゃんと表示されていますが・・。
(Win NN4.7)

何か他に原因があるのかもしれませんね。

QNN4.7で・・・

スタイルシートで

{font-size: 12px; line-height: 17px; font-family: "Osaka"}

の指定をしているのですが、ネットスケープ4.7で見ると、font-size: 12pxは効いているのですが、line-height: 17pxの指定が効いていないテーブルがあります。
でも、line-height: 17pxのスタイルシートが効いている箇所もあり、スタイルシートの効く箇所、効かない箇所の区別が分かりません。
どなたか分かる方、よろしくお願いします。

Aベストアンサー

line-heightについては↓を参照してください

http://www.pugx3.com/bfi/html/howto/lineheight/

参考URL:http://www.pugx3.com/bfi/html/howto/lineheight/


人気Q&Aランキング

おすすめ情報