IE と NN で表示される文字の大きさを統一するには?

[上に] [前に] [次に]
じじい [E-Mail] 1998/09/02(水) 20:54:57
デフォルトで表示される文字の大きさは IE と NN で違いますよね。
IE では「フォント = 中」、NN では「フォントサイズ = 12pt」と
すれば、同じ文字の大きさになるのですが、NN のデフォルトの
フォントサイズは 10pt ...。だから、IE 用に作ったホームページは
NN で見ると小さくなってしまうのです。

無理矢理、NN での表示を一回り大きくする方法はないでしょうか?
IE と NN 表示させる文字の大きさを統一する方法がございましたら、
よろしくお願い致します。

とほほ 1998/09/02(水) 23:56:10
スタイルシートを使ったりとか、わたしもいろいろトライしてみまし
たが、結局挫折に終わりました。誰か知っていたら教えて!!
(画像にして貼り付けるはナシよ)

とほほ 1998/09/02(水) 23:58:02
あ、上記の「挫折」というのは、「文字の大きさを統一する方法」です。
「一回り大きくする」のであれば<FONT SIZE="+1">を用います。
「NNだけ大きくする」のであれば、ちょっとセコイけれど、
<COMMENT><FONT SIZE="+1"></COMMENT>を用います。

じじい [E-Mail] 1998/09/03(木) 18:22:13
私も最近、とほほさんのスタイルシートリファレンスを参考に
頑張っていたのですが、ことごとく失敗に終わりました。(T_T)

<COMMENT> というタグは、初めて知りました。IE だけに有効という
ことをうまく使った技ですね。(^^;; すべてのフォントタグに、
これを付けるのは、ちょっと大変かも知れませんね...。

「NN だけ一回り大きくする」という問題は解決しました。
とほほさん、ありがとうございました。
でも、もうちょっとだけ、「文字の大きさを統一する」ということに
関するコメントを待たせてください。スタイルシートを使ってできる
のでしょうかねぇ...。(^^;;

まさお [E-Mail] [HomePage] 1998/09/03(木) 20:21:41
>スタイルシートを使ったりとか、わたしもいろいろトライしてみまし
>たが、結局挫折に終わりました。誰か知っていたら教えて!!
え?
これでいいのでは?
(タグをそのまま書き込んでも大丈夫ですよね。)

----------------------------------------------------
<html>

<head>
<style type="text/css">
body {font-family: serif; font-size: 12pt}
</style>
</head>

<body bgcolor="#FFFFFF">

<p>普通に書きます。</p>

</body>
</html>
----------------------------------------------------

bodyにサイズを指定しておけば全体に有効になります。
後は h1 や h2 などのタグにもスタイルシートでサイズを
指定すれば完璧ですね。
(NNではbodyにサイズを指定すると<h1><h2>などのサイズがおかしくなって
しまうので)

#JavaScriptを無効にするとスタイルシートも無効になってしまうようです。

まさお [E-Mail] 1998/09/04(金) 09:32:03
補足です。
上の方法は「文字の大きさを統一する方法」です。

とほほ 1998/09/05(土) 19:09:12
12ptだと、NNの[表示]→[フォントを大きくする]でフォントサイズが
変えられてしまうのです。12pxだと大丈夫な場合があるのですが、フォ
ントファミリーを指定すると、また駄目になる場合が・・・うーむ。
あと、NNの場合は BODY だけでなく、TD TH にも指定しておく必要が
あるみたいです。うむむむ・・・

satoshi 1998/09/05(土) 23:20:06
僕はSSIでブラウザーを見て選択的にスタイルシートを定義してい
ます。
文字の大きさを統一することはしていないのでここの話題にどこま
で通用するかは分りませんが、スタイルシート関連でIE 3.0、IE
4.0、NN 4.0の違いを吸収するのに、いまでは欠かせない手段にな
っています。

例えばこんなのをSSIで呼びます。

#!/usr/bin/perl
print "Content-type: text/html\n\n";

$ua = $ENV{'HTTP_USER_AGENT'};
if ($ua =~ /MSIE 3.0/) {
print "code {font-size:larger} kbd {font-size:larger} tt {font-size:larger}\n";
}
else {
# IE3にmarginを与えるとテーブル内の文章が縦一行になる。
# tableタグにwidthをつけるとこの現象は回避できるが...。
# NN4に与えると一部条件で改行が入らなくなる。
print "body {margin-right:3%;margin-left:3%}\n";
}
if ($ua =~ /MSIE 4.0/) {
print ".nallow {line-height:20%}\n";
# IE3ではsmallerは無効。NN4ではsmallerは異様に小さくなる。
# IE4ではsmallをclassとして<ul>タグに与えても無効。smallerなら有効。
print ".small {font-size: smaller}\n";
}
else {
print ".small {font-size: small}\n";
}

じじい [E-Mail] 1998/09/13(日) 22:00:34
[[解決]]
まさおさん、とほほさん、さとしさん、こんばんは。
スタイルシートも便利ですが、なかなか「正確に」表示させるには、
苦労が要りそうですね。ブラウザーによって、スタイルシートを
変えるのは、いい手ですね。みなさんのご意見、とても参考に
なりました。ありがとうございました。

[上に] [前に] [次に]