• 締切済み

IE8とIE9の文字間・行間

ウェブサイトを作っています。 IE8と、IE9でそれぞれ見ると、IE9のほうが文字間・行間が詰まるのですが、何か解決方法はないでしょうか。 フォントはメイリオを使用しています。 ブラウザの「表示」→「文字サイズ」でサイズを変更できるように、フォントサイズは％指定にしています。 ご存知の方いらっしゃいましたら教えてください。。 よろしくお願い致します。

みんなの回答

  • emiohiete
  • ベストアンサー率100% (2/2)
回答No.1

CSSを使われていることが前提でのお話ですが。 CSSの指定でIE9用ハックをつけては駄目ですか? http://www.conifer.jp/csstest/css-ie-version.html あまりハックは使いたくはないですが、どうしても気になる場合はどうぞ。

  1. カテゴリ
  2. ビジネス・キャリア
  3. 職種
  4. デザイナー・クリエイティブ職

関連するQ&A

  • cssで指定した文字の大きさがIE6とIE7で違う

    cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。

  • IE6.0で全てのネット上の文字をメイリオに変えても問題ありませんか？

    WindowsXP(SP2)＋IE6.0環境にメイリオを最近インストールしました。 メイリオは大変読みやすいので、IE6.0のWebページフォントを「メイリオ」に変更し さらに「Webページで指定されたフォントスタイルを使用しない」にチェックを入れ 全てのネット文字をメイリオで表示させるようにしました。 以上の設定で、フォント指定されたWebページを表示しても、問題なく文字表示 されるのでしょうか？ 「Webページで指定されたフォントスタイルを使用しない」にチェックを 入れるべきか否かで迷ってます。

  • ワード2003　行間

    同じファイルに、 MSP明朝　と　メイリオ で文字を書いてみました。 すると MSP明朝（aa　が該当）は、改行した時の行間が狭いのですが メイリオ（ああ　が該当）は、1行ほどあいてしまいます。 同じファイルなので、行間等の設定は同じなのですが、 行間幅が変わるのは、使用するフォントで変わるものなのでしょうか？ フォントサイズも両方10.5です。 ご教授お願いします。

  • IE8でhタグの行間が詰まることについて

    現在HPを制作しています。 IE8でHPを表示し、文字を拡大すると、 「あるPCでは文字が大きくなり改行して表示されます。そして、改行したときに行間が詰まって表示されます」 「あるPCでは拡大されずにそのままの大きさで表示されます」 どちらもIE8（バージョンは同じ）です、OSは確認しておりません。 私的にはPCに搭載しているフォントが原因かと考えていますが、web初心者のためとても苦戦しています。 まだアップしていないのでサイトを載せることができないのですが、同じ様な現象を知っている方いらっしゃれば、解決方法を教えていただけたら幸いです。 分かりづらい文章があれば補足させていただきます。 よろしくお願いいたします。 fontのcssは *{ color: #333333; font-size: 12px; line-height: 18px; text-decoration: none; margin: 0; padding: 0; word-wrap:break-word; } font-familyは "メイリオ",Meiryo,"MS Pゴシック", Osaka,sans-serif; hタグのcssは h2 { color: #8fc42a; font-size: 15px; font-weight:bold; margin:11px 0 8px 0; } になります。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • IEと他ブラウザでの行間について

    CSSにてレイアウトを行っていますが、IEで表示したとき行間が詰まってしまいます。 全体的に狭くなってしまうのはもちろんなのですが、 たとえば文章と文章の間を<br><br>で一行開けた場合も、Firefoxなどでは -------------- 一行目 二行目 -------------- となってくれるのですが、IEだと -------------- 一行目 二行目 -------------- につまってしまいます。 作成環境はMacOSX、DreamweaverCS3 確認はmacでFirefox3、Safari3、Opera9.5、Netscape7.1です winでIE6、Firefox3です。 ブラウザ間の表示誤差をできるだけ少なくするにはどのような指定方法がよいのでしょうか？ CSSのフォント関係の指定の部分のみ抜粋します。 html {font-family:'Verdana', sans-serif; color:#444444; font-size:66%; line-height:2.0; letter-spacing :0.2em; } これは小さなことなのですが、他にもIEでの表示でつまづくことが多いので困っています。

    • ベストアンサー
    • HTML
  • IE6 IE7で文字が潰れる 高さがでない・・・

    お世話になります。 各ブラウザで表示確認をしていたら問題がみつかりましたので、 質問させていただきます。 IE6,IE7において、文字の高さがつぶれてしまって表示できていないようです・・・。 なにかcssでの指定が足りないのでしょうか？ 原因と解決策ございましたら、よろしくお願いします。 h2{ color:#222222; text-align:center; font-size:154%; font-weight:bold; border-bottom:2px solid #222222; padding-bottom:5px; margin-bottom:10px; } デフォルトcssはyuiのリセットcssでリセットしております。 cssとスクリーンショットを載せておきます。 画像は上がIE8などでちゃんと表示されているもので、 下がIE6とIE7での表示です。

    • ベストアンサー
    • CSS
  • インラインフレーム内の文字を拡大すると重なる

    ホームページのトップページに、インラインフレーム で新着情報を表示させようとしています。 参照してくるファイル（今回の場合news.html)を単独で開き、文字の表示サイズを変更すると、 ちゃんと変更されるのですが、トップページでインラインフレーム内に表示させて 文字サイズを大きくすると、文字は大きくなるのですが、縦方向に伸びずに文字が重なってしまいます。 （行間が文字の高さより狭くなる状態） 文字サイズを見る人側で指定できるようにと、 スタイルシートによるフォントサイズの指定はしていません。 インラインフレームのサイズは固定していて、縦方向にスクロールされるようにしています。 news.htmlの内容は、1列複数行のテーブルでつくっています。 見ているブラウザはIE6.0です。 お分かりの方、アドバイスよろしくお願いします。

    • ベストアンサー
    • HTML
  • ＩＥとfirefox、行間の表示が異なってしまう

    ulタグをline-heightで行間指定した場合、firefoxとIEでは表示が異なってしまいます。 firefoxでちょうど良い行間にするとIEでは詰まりすぎて文字がつぶれてしまったり。 解消方法を教えていただけないでしょうか？

    • ベストアンサー
    • HTML
  • ブラウザがメイリオでにじむ

    どのブラウザも文字が読みにくくて仕方ありません。 ある日を境にフォントが「メイリオ」になって、かつにじんでしまいます。 メイリオで表示されるサイトは、IE,Firefox,Chrome、どれで見てもメイリオです。 今書き込んでいる文字も、にじんで表示されています。 実は自社のHPを運営しているのですが、それも「メイリオ」でにじんでいます。 制作会社に「フォントは何で作った？」と聞いてみると、「指定なし」と答えられました。 ●なぜメイリオで表示されるのでしょうか？ ●「ClearTypeテキストの調整」をしたのですが、にじみは全然改善されません。 ●試しにエクセルで「メイリオ」を表示したのですが、にじみは全くありません。 ちなみにYahooはどのブラウザで見ても「ブラウザのデフォルトフォント」で表示れます。 「Live Doorニュース」、「その他フォント指定無し」と思われるサイトは、どのブラウザで見ても、フォントを指定しても、「メイリオ」で表示されて、しかもにじんでしまいます。 OSの問題なのでしょうか。 元に戻したいです。 どなたか教えて下さい。Windows7です。

  • 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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する