- ベストアンサー
スタイルシートを使っても文字サイズが・・・
初めて質問させて頂きます。宜しくお願い致します。 現在 知人に頼まれ、HPを作っています。 スタイルシートで文字サイズを指定しているのですが、 何故か 知人のPC上では、私やその他の知人のPC上とは文字サイズが違い、 テーブル内の文字が かってに改行された状態になります。 知人のPCを確認したところ、 PCの解像度も同じ、IEのバージョンも同じなのですが・・・ インターネットオプションの「ユーザー補助」にも チェックは 入っておりませんでした。 この状態で、IE上から文字サイズの変更をしても、 サイズは変わらないのですが、元々表示されている文字サイズが大きく、 意図しない所で 改行されてしまい、困っています。 原因と対処法を ご教示頂けますよう、お願い致します。
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
多分横幅94pxに指定してあり、フォントを相対サイズで指定してあるので(フォントサイズは外部スタイルシートで指定してあるので推測での話ですが。あと、pxも相対サイズだけど解像度に対してなので固定サイズのように振舞うのだ。)フォントを大きくするとあふれてしまうのです。 もし、横幅が文字サイズにあわせて変えてもいいならば幅のサイズ指定を削除してしまえばいいでしょう。もし、それでも、何かサイズを指定しておきたい場合はタグで指定する場合はpxだけなので、スタイルシートで指定することになります。 width:6em; のように指定することになります。もっとも、サイズも出来ればスタイルシートで統一したほうがいいんですけどね。(もっとも、セルによって高さが違うようなのでclass指定がいくつも必要になりちょっと大変かもしれませんが。) 幅を今の94pxに固定しておきたい場合はフォントのサイズを font-size:15.5px のように同じpxで指定してみてください。この際、最大文字数とセルの幅を考えて決定してください。
その他の回答 (7)
- nuruhho44
- ベストアンサー率57% (38/66)
おはようございます。もう解決なさいましたでしょうか？ 私も趣味ながらＨＰを開設しており、この問題は人事ではないのです。パソコンの形式、新旧、ディスプレイの違い、ブラウザの違い、それぞれの設定の違い・・・そんな千差万別の環境に対し、我々アマチュアがどこまで対応せねばならないのか、悩みだすとキリがありません。そんなものに対する責任は、我々アマチュアのＨＰ製作者にはないはずなので、どっかで切捨てなければやってられませんね。 今回の問題については、私のレベルではあとこれしか思いつかないのですが、知人さんのパソコンで文字が大きく表示されていたのはＨＰだけでしたか？デスクトップアイコンの文字やタスクバーの文字はあなたのパソコンと同じ大きさでしたか？もし違うようならＤＰＩの設定の違いということになるのですが、たぶん外してますね・・・回答に対する自信に「全くなし」というのがないのが残念です。
お礼
nuruhho44さま、何度もご心配頂きまして 有り難う御座います。 感謝申し上げます。 昨夜 文字サイズの指定を単位をピクセルに替えた後、只今 知人より メールが届きまして、一応 1文字改行される点は 解決されたようです。 ただ、同じような環境と思われる中、その知人のモニター上でだけ、 違った表示になっていた事が不思議で、全面解決したのか分からない為、 少々不安ですが・・・(^^; やはり、全ての環境で同じように見えるようにと望むのは 無理があるのでしょうね。 *********************************************************** 【皆さまへ】 大変お世話になりまして、有り難うございました。 是非 皆さま全員に ポイントを貰って頂きたいのですが、出来ない事が残念です。 この度は 本当に有り難うございました。
- gakushaneko
- ベストアンサー率68% (2350/3407)
同じフォントサイズを指定していても，フォントそのものの違いによってサイズが異なります。 試しに，「MS ゴシック」と「MS Pゴシック」をWordなどで見比べてみてください。（出来れば，数行の文章を作り，それをコピー＆貼り付けして，ふたつの文章をそれぞれ別のフォントで表示させてみてください） と言うことで，スタイルシートでフォントの指定もするようにしてみてください。 ただし，機種依存のフォントには気をつけてくださいね。 それと，WindowsとMacでは，元々デフォルトとして使用しているフォントが違いますので，フォントそのものを指定してもデザインが崩れる可能性があるかもしれません。 この場合は・・・たぶん，なす術がないような気がします・・・。
お礼
ご返信有り難う御座います。 説明不足で、お手間をかけさせてしまい、申し訳御座いませんでした。 フォントについては、サイズと共に指定しておりました。
- nuruhho44
- ベストアンサー率57% (38/66)
＞インターネットオプションの「ユーザー補助」にも ＞チェックは 入っておりませんでした。 と書かれてありましたので、前回触れなかったのですが、知人の方のＩＥで「ユーザースタイルシート」が適用されていませんか？これである可能性は極めて低いのですが、念のためＩＥの「ツール」→「インターネットオプション」→「ユーザー補助」で今一度ご確認ください。
補足
度々、お手数をおかけします。m(_"_)m 書き漏れがあり すみません。 知人のIEでは「ユーザースタイルシートの適用」にも、 チェックは入っておりませんでした。
- kosa
- ベストアンサー率25% (379/1464)
>知人のPC上では、私やその他の知人のPC上とは 知人のPCについてですが、ローカルで見ているのでしょうか？それとも実際にサーバーにアップしている状態で見ていますか？ <LINK rel="stylesheet" href="e_style.css" type="text/css"> ↑ ローカルで見ている場合は「e_style.css」は正しい位置にありますか？ また再読み込みなどしても駄目ですか？
お礼
この度は お世話になりまして 有り難うございました。 参考になるご教示、感謝申し上げます。
補足
kosaさん、お手数をお掛けします。 知人のPCでも、私のPCでも、別の知人のPCでも、ローカルではなくサーバーにアップした状態で、 それぞれ自分の接続個所から、見ています。 再読み込みしても同じ状態でした。(i_i) もし他にもソース内で 疑問点や間違いがございましたら、 ご指摘宜しくお願い致します。
- nuruhho44
- ベストアンサー率57% (38/66)
考えられる原因としては、外部ＣＳＳが読み込まれていないということです。アドレスやファイルの置き場所を今一度ご確認ください。 試しに、ＣＳＳを全てそのＨＴＭＬファイル内に書き込んでみるのもいいかもしれません。 あとは、知人の方のＩＥになにかしらの問題が発生している場合ですが、もしそうなら他のホームページでも同じ現象が起こると思います。
補足
ご返信有り難う御座います。 他の知人のPCや私のPCでは、指定通りに読み込まれているので、 ファイルの置き場所は 大丈夫だと思うのですが・・・ その該当知人の IEの設定に何か違いがあるのかと思ったのですが、最初の質問欄に書きました項目以外に、 設定が変更される所があるのか、分かりませんでした。 上手く言えないのですが、その知人のIEで表示される文字自体が、すごく大きく感じます。 CSSで文字制限していないページで、お互いのIEの文字サイズを小に変えて比べて見ると、知人のIE内の文字は 中に指定したようなサイズに見えます・・・
- azicyan
- ベストアンサー率21% (368/1747)
ソースを見れれば何かわかるかもしれませんが・・・
お礼
この度は お世話になりまして、 有り難う御座いました。
補足
申し訳ございませんが、ソースを見ていただけますか？ これは 左端に配置したフレーム用のソースです。 私のPCでは 各文字が改行されず 一行ずつ表示されるのですが、知人のPCでは 6文字のところで1文字分改行されてしまいます。 同様の理由で、メニューのページでは、品名と金額がずれてしまっています。(i_i) <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <LINK rel="stylesheet" href="e_style.css" type="text/css"> <style type="text/css"> <!-- A { text-decoration:none; } --> </style> </HEAD> <BODY bgcolor="#999999" link="#ffffff" vlink="#ffffff" alink="#6992fc" text="#ffffff" background="gazou/left_frame.jpg"> <DIV align="left"> <TABLE class="medium_11futoji" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD nowrap align="center" class="SUZUYA15" valign="middle" height="50" width="94"><BR> <FONT color="#ffffff"><A href="senter_frame.html" target="senter_frame">TOP<BR> </A></FONT></TD> </TR> <TR> <TD nowrap align="left" height="10" width="94"><IMG src="gazou/N1_09.gif" width="40" height="18" border="0"></TD> </TR> <TR> <TD nowrap align="center" valign="top" height="37" width="94"><FONT color="#ffffff"><A href="JavaScript:;" onclick="window.open('osusume.html','win1','width=560,height=480');">今月の<BR> お薦め料理</A> </FONT></TD> </TR> <TR> <TD nowrap align="left" valign="bottom" height="10" width="94"><IMG src="gazou/N1_09.gif" width="40" height="18" border="0"></TD> </TR> <TR> <TD nowrap align="center" valign="top" height="25" width="94"><FONT color="#ffffff"><A href="menu.html" target="senter_frame">お品書き</A></FONT></TD> </TR> <TR> <TD nowrap height="10" align="left" width="94"></TD> </TR> <TR> <TD nowrap align="center" height="25" valign="top" width="94"><FONT color="#ffffff"><A href="menu.html#enkai" target="senter_frame">御宴会プラン </A></FONT></TD> </TR> <TR> <TD nowrap height="10" align="left" width="94"></TD> </TR> <TR> <TD nowrap align="center" height="25" valign="top" width="94"><FONT color="#ffffff"><A href="tennai.html" target="senter_frame">店内のご案内</A></FONT> </TD> </TR> <TR> <TD nowrap height="10" align="left" width="94"></TD> </TR> <TR> <TD nowrap align="center" valign="top" height="25" width="94"><FONT color="#ffffff"><A href="hitokoto.html" target="senter_frame">店主の一言</A></FONT></TD> </TR> <TR> <TD nowrap align="center" valign="middle" class="SUZU15" height="40" width="94"> <A href="JavaScript:;" onclick="window.open('map.html','win1','width=530,height=530');"><IMG src="gazou/map_button.gif" width="43" height="25" border="0"></A></TD> </TR> </TBODY> </TABLE> </DIV> </BODY>
- kosa
- ベストアンサー率25% (379/1464)
CSSで文字のフォントサイズを指定する場合は、CSSだけで設定して下さい。 既に<Font size=3>などと設定している状態でCSSを適用しても<Font size=3>が優先されてしまい、CSSが有効になりません。
補足
早速のご返信、有り難う御座います。 フォントサイズは、CSSだけで 設定したつもりなのですが、何故かこういう状態です？？？
お礼
お世話になっております。 昨夜 フォントサイズの指定をpx単位に替えましたところ、 只今 知人より連絡があり、1文字改行はされなくなった、 との事でした。 まだまだ 分からない事、不思議な事ばかりですが、 これからも少しずつ勉強していきたいと思います。 またスタイルシートの各使い方に付いても、mousengokeさんにご教示頂いた点を参考にさせて頂きたいと思います。 この度は 大変お世話になり有り難うございました。
補足
ご返信有り難う御座います。 HP作成もまだ未熟なものですから、CSSの指定の仕方も間違えているのかとも思います。 テーブルの幅は、フレームの幅ギリギリなので、 変更しないで進めたいと思っています。 >幅を今の94pxに固定しておきたい場合はフォントのサイズを >font-size:15.5px >のように同じpxで指定してみてください。この際、最大文字数とセルの幅を考えて決定してください。 帰宅後 これを実行してみたいと思います。 混乱していて、見当違いな返信を繰り返していて 申し訳ないのですが、 私と知人を含め3人のPCが、同じ解像度、IEのバージョンも同じ場合でも、 CSSの指定の仕方によって、今回のような現象が起きるのでしょうか？ 幼稚な質問ばかりで、申し訳ございません。