• ベストアンサー

OSの違いによるIE8のデザイン解釈の違いについて

こんばんは、 ご質問は表題の件についてです。 「Windows7のIE8」と「WindowsXPのIE8」の2つでは、デザイン(CSS)の解釈に違いはありますでしょうか。 解釈に違いがある場合には、お教えいただけると幸いです。 また、それ以外に知っておいた方がよいことなどあれば、それらもお教えいただけると幸いです。 よろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

CSS的には違いはないかと思います。(もしかしたら些細な差はあるかもしれませんんが、問題になることはほとんどないはず) Webデザインという括りで言うなら、フォントの違いが大きな違いでしょうね。ご存知のように、XPはMSゴシック/明朝が標準の日本語フォントですが、VISTA以降はメイリオですね。加えて、アンチエイリアス処理(文字を滑らかに表示する機能)の違いも注意する点です。 フォントが異なって見えるだけで、もうほとんど違うデザインに見えてしまうものです。と言っても、Webというのはそういうメディアですが。 既に回答ありますが、ユーザーを狭く限定するなら話は別ですが、今となっては、IE8だけ表示を確保しても、インターネットに接続する大部分を逃してしまうでしょうね。PCのブラウザだけでも沢山ありますし、スマフォ、携帯、テレビ、ゲーム機などなど。大事なのは、正確なCSSを書くことだと思います。

Shinroh
質問者

お礼

遅くなりましたが、ありがとうございました。

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

HTMLがHTML4.01strict以降で書かれている。=標準モードでしたら、大きな差はありません。 DOCTYE スイッチ( https://www.google.co.jp/search?q=DOCTYE%20%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )  いまどき、transitinalやframesetで作成することはないでしょうから、気にしなくて良いでしょう。1999年のHTML4.01の勧告以来---「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」  ブラウザは、IEだけではありません。IE9 + IE8を加えても50%ちょい。他のブラウザや、screenメディア以外を考慮すると、そのような細かい差で問題になるようなデザインをすべきではありません。というか、ウェブデザインの基本です。  HTMLを使ってウェブページを作成するのは 【引用】____________ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  だからなのです。それよりも、Lynxのようなテキストブラウザで利用できるかに悩んだほうが良いでしょう。 『Lynx などのテキスト ブラウザを使用して、サイトを確認します(ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります)。 ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769#2 )』   (ウェブマスター向けガイドライン--技術に関するガイドライン )  

Shinroh
質問者

お礼

遅くなりましたが、ありがとうございました。

関連するQ&A

  • IE6からIE10対応への変更

    IE6(WindowsXP)からIE10(Windows8)対応への変更をhtml、css、JavaScriptを変更する事で行いたいのですが、仕様変更内容を元に行いたいと思っています。 IE10で表示が崩れたりするのは、どうもcssの解釈が変わった事の様なのですが、どういう解釈の仕様変更があったかを把握した上でcssを変更したいと考えております。また、html、JavaScriptも変更する必要があるのかも確認したいと思っております。 有益な情報が載っているサイトや書籍等あれば教えてください。 IE6とIE10の直接比較が出来なければ、IE6 -> IE7 -> IE8 -> IE9 -> IE10と順をおって確認出来る情報でもあれば教えて下さい。

  • CSSによるIEとFirefoxで表示されるデザインが異なる

    CSSを使ってwebデザインしたときに、 IEとFirefoxで表示されるデザインが異なってきます。 (Operaもしかり) 一般的にこのような違いをなくすために、 どのようにして工夫されているのでしょうか? ブラウザごとの違いは仕方ないのでしょうか?

    • ベストアンサー
    • HTML
  • レスポンシブwebデザインをIEに対応させる方法

    レスポンシブwebデザインのIEへの対応について質問です。 XHTMLで作成したHPをメディアクエリを使用して、レスポンシブwebデザインにしたのですが、 IE8以下で全くCSSを読み込みません。 いくつかのHPを見て、header内に <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> を記述しているのですが、それでもうまくいきません。 CSSは外部ファイルで読み込ませてあり、 <link rel="stylesheet" media="only screen and (min-width: 481px)" href="style.css" /> このような形で記述してあります。ですので、 http://www.imaginationdesign.jp/blog/html5css3/1592/ これとも違うようですし、原因がわかりません。 どなたか原因がお分かりになられる方おりますでしょうか?

    • 締切済み
    • CSS
  • IEでプルダウンメニューをデザイン

    フォームのページを作成しており、  <select>  <option> ~ </option>  </select> でプルダウンメニューを作成したのですが、 あまりにもデザインが質素すぎるので 右の矢印ボタンなどを変更したり 高さを高くしたりしたいと考えています。 背景に色をつけるのはできるのですが、 高さを変えたりのCSSがききません。 IE6~9でなるべく見れる状態でプルダウンのメニューを デザインする方法はないでしょうか? 初歩的質問で申し訳ないのですが、ご存知の方いらっしゃいましたら 教えていただけないでしょうか。よろしくお願いします。

    • ベストアンサー
    • CSS
  • 各ブラウザにおいて、表示できるCSSとできないCSS

    こんにちは。はじまして。 現在ブログを製作しております。 先日、http://www15.ocn.ne.jp/~mksozai/design/line.html こちらのサイトで、変わったCSSを見つけ早速ブログのデザインに生かしてみようと導入しました。 IEでは問題なく表示されるのですが、Firefoxでは効果が適用されません。。。 そのCSSは filter:alpha(opacity=100,finishopacity=0,style=1); こちらになるのですが、これをIE以外のブラウザにも効果を適用させる方法はないでしょうか? これはIEのみ表示できるCSSだと解釈するべきなのでしょうか? ご存知の方がおられましたら、教えていただけると幸いです。 よろしくおねがいします

    • ベストアンサー
    • HTML
  • 「Windows 2000」「XP」のようにOSが違うと、同ver.ブラウザでも見え方変わるのですか?

    私はWEBデザイナーを目指して勉強中の者です。 特にCSSを使ったデザインを行うと、ブラウザによって表示が変わる点に苦戦しております。 そこで質問なのですが、例えば同じWindows用 IE6のブラウザであっても、 ユーザーが利用しているOSが「Windows 2000」の場合と「Windows XP」では、WEBページの見え方が変わる場合があるのでしょうか? CSS作成の為のガイドブックなどを見ると、よく『ブラウザが異なると見え方が変わる、OSが違うと見え方が変わる』という文章を目にするのですが、 ここで言っている『OSが違う』というのは、例えばWindowsかMacか、というようなレベルの違いの話なのでしょうか? 私はずっとMacユーザーで、自分で作ったサイト表示検証用のWindowsパソコンを買おうとしているところなのです。 もし「Windows 2000」でも「Windows XP」でも、同じIE6だと同じ見え方になる、という事なら、ちょっと古めのパソコンを買おうかな…と迷っております。 Windowsユーザーの方、業界の方には常識的な事かも知れませんが… どうか知識ある方、ご回答をよろしくお願い致します。 (早くWindowsパソコンが欲しいので、困り度を最高に致しました)

    • ベストアンサー
    • HTML
  • CSSのブラウザごとの表示の違い

    ホームページを作った時に、IEで見たときと、Firefoxで見たときに、同じように見えるようにしたいと思っています。 ですが、CSSの解釈がブラウザによって違うため、そう簡単にはいかないと思います。(当然レイアウトをすべてCSSで記述した場合の話) 現在は、CSSでページレイアウトは出来るのですが、複数のブラウザで完全に一致したデザイン(段組み)を作るのは私の実力ではまだ無理です。 IE6はCSS関連のバグも多いですし、HACKと呼ばれるバグ回避方法があるのは知っています。 という訳で、フルCSSレイアウトで複数のブラウザで崩れないデザインを作れるようになるために、バグ情報やHACKなどの必要な知識を解説した本またはサイトを教えて下さい。

  • FirefoxとIEにおける表示の違いについて

    IEで表示できるページがFirefoxで上手く表示されない、またはエラーが出るということはよく聞く話なのですが、具体的にどのようなソースを書いた時に違いが表れるのでしょうか。 "コメントアウト<!-- -->を必ず閉じなければならない"、など、基本的なHTML、CSS、JavaScript程度のことで構わないので、教えていただけると幸いです。よろしくお願いします。

    • ベストアンサー
    • HTML
  • IE7⇒IE10 見れなくなるページはありますか?

    今度「WindowsXPのIE7」から「Windows7のIE10(IE9)」になります! そこで「お気に入り」に保存(?)している「ホームページ(?)」が見れなくなるページをあるのではないか?と危惧しています!! ○IE7で見ることが出来ていたら、IE10でも見ることは出来るのでしょうか? ○見れなくなるページもありますか?(どうして出来ないのでしょうか?) ○見れるか?見れないか?を、確認する方法はありますか? ○見れなくても、見れるように出来たりしますか? ○「動作確認」というのはありましたが、そこになければ見れないのでしょうか? ・・・すいません! 今までずっとIE7でそれ以外は使用した事がなく、見れなくなるのは嫌なので不安で!! よろしく、お願いします!!!

  • Dreamweaver、デザインとブラウザの違い

    Dreamweaverでページを作り、デザインで見ると思い通りに配置されているのですが、ブラウザで確認するとfierfox、ieともにずれてしまいます。 なぜデザインとブラウザでは違いが出るのでしょうか? ご存知の方いましたら、お願い致します。 バージョンはCS4です。

専門家に質問してみよう