• ベストアンサー

IE依存しないWebページの作り方

「GaraxyにWindowsインストールできるか」で質問して、Sleipnir Mobile for Androidを紹介してもらいました。OperaやFirefoxより表示できるページが多く良かったのですが、Sleipnir もHTMLレンダリングエンジンはFor AndroidはTridentではなく、WebKitで、実際表示できないページがありました。 ここで教えられたとおり、やはりIE依存しないページを作る必要があるかなと思いましたが、具体的にはどうしたらよいのでしょうか?お教えください。 http://okwave.jp/qa/q7127622.html

noname#178894
noname#178894

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

  • ベストアンサー
  • Shin1994
  • ベストアンサー率22% (551/2493)
回答No.2

その節はどうも。 こちらの調べ不足で、Sleipnir for AndroidがWebkitであったとは…申し訳ありません。お恥ずかしい限りです(汗) Webをつくる立場の方でしたか。それならば、No.1の方のおっしゃるように正当なHTML・CSSを書くことだと思います。元来、IE自体がWeb標準に準拠していないと問題視されていた立場ですので。IEが嫌われる要因の一つです。 IEもver.9になってようやくWeb標準に対応し始めていますから、正当なHTML・CSSでも大丈夫だと思います。僕も、サイトはいくつか作りましたが、自分の父のサイトを作る時なんか旧版IEを見捨てましたからね。そんなふるいの使ってないでさっさと最新版を使いなさい!と言わんばかりに… ページとしては最低かもしれませんが、昔の物にいつまでも合わせてもいられませんし…それに試しにHTML5/CSS3を使ってみたのでどのみち古いブラウザは見捨てざるを得なかったんです(汗) 一応、サーバ側でリダイレクトしてIEだけ別ページに飛ぶようにして対応はしていますが… 正当なHTML・CSSの場合、W3Cでステッカーを発行してもらえますよ。W3CはHTML・CSSを勧告する機関です。ここで正しいと判断されたページこそが正しいんです。逆にそれをきちんと表示できないIEの方が悪い! ここがW3Cの構文チェックサイトです。 HTML http://validator.w3.org/ CSS http://jigsaw.w3.org/css-validator/ サイトURL入力し、Enterを押せば解析して結果を表示してくれます。OKと判断されれば、ステッカーを発行してくれます。 このサイトは、日本語で表示してくれます。エラーがあれば、訂正方法を説明してくれます。ここで100点を出してから先ほどのW3Cのサイトで解析させれば、まず大丈夫です。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

noname#178894
質問者

お礼

回答ありがとございます。 良いサイトの紹介ありがとうございます。たまたまIEで表示されたからタチが悪かったと思いました。 正当なHTML・CSSを書けるよう精進が必要と理解しました。

その他の回答 (2)

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

カテゴリー違いですが・・ Webデザイン・CSS ( http://oshiete.goo.ne.jp/category/258/#google_ads1 ) HTML ( http://oshiete.goo.ne.jp/category/252/#google_ads1 ) のほうが良いでしょう。 >IE依存しないWebページ ・・というより、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 )]より  あなたのウェブサイトを利用するのは、IEやfirefox,Chromeといったブラウザだけではありません。

noname#178894
質問者

お礼

回答ありがとうございます。 > あなたのウェブサイトを利用するのは、IEやfirefox,Chromeといったブラウザだけではありません。 そうですよね。HTMLレンダリングエンジンにここまで依存するなんて、記述に不注意があるのですよね。

noname#158634
noname#158634
回答No.1

見るほうかと思ったら作るほうなのね。 >IE依存しないページを作る 「まともな」HTMLとCSSを書いていれば普通は「IE依存」なんかしない。ましてや「表示できる・できない」なんてのは論外。 ブラウザごとに挙動が異なることについては今は諦めるしかないので、まずはまともなソースを書くこと。具体的も抽象的もなく、それが唯一の方法です。

noname#178894
質問者

お礼

回答ありがとうございます。 >「まともな」HTMLとCSSを書いていれば普通は「IE依存」なんかしない。 皆様方の回答から本当にそう思いました。

関連するQ&A

  • HTMLとブラウザについて

    ブラウザは、レンダリングエンジン(TridentやWebkitなど)によって、HTMLの構文違いでちょっとした表示の違いなどを生むと思います。 そんな中、W3Cという認証がHTMLにはあると思います。 この認証は100点を取ってればいいと記載されてるかと思いますが、TridentやWebkitなど各種レンダリングエンジンでも大きな違いなくHTMLが表示されるということでしょうか。 (ブラウザ、たとえばIE,FireFox,Chromeなどでの表示に差が出なくなる?)

    • ベストアンサー
    • HTML
  • Webページのブラウザ差異を出来るだけ無くす方法

    XHTMLにてWebページを作っています。 業務系のページのため、多くの要素がありかなり隙間なく色々な要素が入っている状態です。 そしてそのページを他ブラウザ・他バージョン・また新しいバージョンのブラウザが出た場合でも表示ができるかぎり崩れないようにしたいのです。 色々試してみてもやはりズレが出てしまって完全にズレを無くすことは出来ないのかもしれませんが、配置が全く変わってしまったりといった大きなズレを無くしたいです。 ブラウザはIE・Safari・Firefox・Opera・Chrome、またIEは8~10の対応は特に重要です。 HTML5やCSS3は使えません。 レンダリングエンジンの違いの影響を受けにくいCSSの指定方法やXHTMLの組み方についてご意見を伺いたいです。

    • 締切済み
    • CSS
  • IEのTridentを使ったブラウザ開発

    はじめまして。僕は、大阪でエンジニアをしています。 最近Sleipnirと言う素晴らしいタグブラウザの存在を知りました。 色々と使っている内に、ブラウザを自分自身で開発したいという 欲求が増えてきました。 とは言え、HTMLレンダリングするエンジンを僕一人での知能&体力で 実現するのは、到底不可能ですので、 Sleipnirと同様、IEのレンダリングエンジンの、 「Trident」を使用してブラウザを開発しようと思っています。 開発言語は、C++(Visual C++ 2005 Express)を予定してます。 私の技術力ですが、使いこなせるレベルの言語は、Java PHP,Perl HTML,JavaScript,VB.netです。 つまり、Web系のエンジニアです。 そこで、この本文を読んで頂いている素晴らしいプログラマの方に 質問ですが、こんな私でもTridentを使用してブラウザを開発できる 様になる為の試金石となるような、Webサイトや書籍、 有益な情報を知っている先輩がいましたら、教えて頂けませんか? とりあえずの目標は、URLを入力してその該当ページを表示できる 様になるまでです。 お気に入り機能や、タグブラウザは、C++を駆使して独自で 作成する物なので、時間があれば実装は僕自身でも可能だと 思っています。 よろしくお願いします。

  • IE9とbox-shadowの質問です。

    box-shadow: -webkit-box-shadow: -moz-box-shadow: で「chome」 「Firefox」 「opera safari」 はつくのですが 「Internet Explorer 9」だけがシャドウがつきません。 どうすれば「IE9」もシャドウがつくのでしょうか? HTML CSSは素人なので 分かりやすく教えていただけるとありがたいです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 履歴やクッキーを見られないようにするには

    家族で一台のパソコンを使用しているのですが、 インターネットの履歴やクッキーが残るのが嫌なのですが、 家族の中には履歴やクッキーを私の好きなタイミングで削除するのを好ましく思っていないものがおります。 私だけ別のブラウザを使うことを考えたのですが、 家族はIE以外にもFirefoxやOperaやChlomやSafariを使用していて、 主だったブラウザは既に使われております。 Sleipnirは使われていないのですが、 レンダリングエンジンがIEと同じtridentなので、 Sleipnirを使用すると、 IEを使用した家族が私の履歴やクッキーを見ることができるのでしょうか? どうにかして履歴やクッキーを見られないようにするにはどうしたらよいでしょうか

  • WebページをPDF出力

    WebページをPDF出力 Webブラウザで表示しているページをPDF形式で出力したいです。 PDF化するためのフリーソフトを教えて下さい。 なお、使用しているブラウザは、 Firefox、IE、Sleipnirです。 よろしくお願いします。

  • WILLCOM03で携帯向けページを閲覧するには?

    WILLCOM03を使っています。 インターネットサイトを見る際にOpera MobileとInternet Explorerを使っているのですが、どうにかして携帯向けページも表示出来るようにならないでしょうか? また、Opera Mobileのトップページからウィルコム公式サイトに飛ぶと、03を買った当初には03用のページに飛べていたのに、現在ClUB AIR-EDGE for PCが開かれるようになってしまいました。 いろいろ設定を弄った覚えはないのですが…無意識に設定を変更してしまっていたのでしょうか?ソフトをダウンロードしたかったので困っています。 回答、よろしくお願い致します。

  • OperaはOK IE7・firefoxだとInternet Explorer ではこのページは表示できません

    最近ですが、Operaを立ち上げた後、IE7やfirefoxを立ち上げると「Internet Explorer ではこのページは表示できません」と表示されインターネットができなくなります。 Operaでは、普通に表示されます。 ファイヤウォールの設定などはちゃんと出来ています。 Operaを立ち上げる前に、IE7等で閲覧はできますので・・・ 今も、Operaで書いてますがIE7、firefoxは見えません。 これの原因でって何なんでしょうか? OSはWinXPです。

  • IEでのページ画面が真っ黒です。

    IEでの画面が表示されません。 左の図のようにキャレットやURL先の表示はされ、 ページ自体はあるみたいなんですがページは真っ黒なままです。 右の図ではプロパティを開いている状態ですが、ここも真っ黒なままです。 解決方法を教えて下さい。 OS:Vista IE:バージョン確認画面も真っ黒だったので確認できませんでしたが、 ページの項目に「IE9の使い方」のような項目があったのでおそらく9です。 試した事を書いておきます。 ・Webページで指定された色の変更 ・Web設定のリセット 参考URL:http://okwave.jp/qa/q2538938.html ・デスクトップテーマの変更(Airo、Vista、クラシック) ・互換表示やソフトウェアレンダリングなどの詳細設定の変更 ・FirefoxとChromeは何の問題もありません ・CravingExplorerは画面が白でしたがIEと同じ症状でした。 よろしくお願いします。

  • ブラウザ表示用と印刷用のCSSが同一の場合、ブラウザの表示と印刷ページでは、表示に大きな差がありますか?

    例えば、IEはTridentというレンダリングエンジンを搭載しているようです。当然、ブラウザ表示のレンダリングはTridentが行うと思いますが、IEで印刷する場合のレンダリングも同じレンダリングエンジンが使用されるのでしょうか? もしそうであれば、CSSのmediaタイプにprintを指定した場合(ブラウザ表示用のCSSと印刷用のCSSが同一場合)、ブラウザ上の表示と印刷ページの表示には、 ・フォント(サイズ)の相違 ・デフォルトで背景を印刷しない ・クライアント側の印刷用紙サイズによって画面右側が途中で切れる の点を除いて、例えば、印刷ページにのみ特有のバグ等の大きな差がありますでしょうか?