- ベストアンサー
CSSのIE8IE9対応
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
そんなもの、こだわる必要がない!!!が正答でしょう。(^^) そもそも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 )]より なのですから、いくらscreen相手に凝ったデザインにしたって、モノクロディスプレイや、スクリーンリーダー、展示端末、検索エンジンには無意味なのですからね。 Lynxで表示を確認するほうが重要!! 【引用】____________ここから Lynx などのテキスト ブラウザを使用して、サイトを確認します(ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります)。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[ウェブマスター向けガイドライン(品質に関するガイドライン) - ウェブマスター ツール ヘルプ( https://support.google.com/webmasters/answer/35769?hl=ja#2 )]より IE7,8だけじゃなく、他のユーザーエージェントにも配慮するほうが本来の方法、IE8以前のブラウザで見ても差し支えないように・・ まあ、自己満足ですが、javascriptはあります。 ⇒IE6~8でも一部のCSS3が使える!「CSS3 PIE」の使い方 [ホームページ作成] All About( http://allabout.co.jp/gm/gc/377416/ ) ⇒古いIEでもCSS3のセレクタが利用できる「Selectivizr」 | Web | position: absolute;( http://maepon.skpn.com/web/entry-40.html ) ですが、決して深入りしないように。大事なことはもっとたくさんあります。
関連するQ&A
- バージョンの異なるIEのCSSについて
ホームページのデザインをCSSハックを利用してIE6、IE7に対応させているのですがIE8にも対応させたいと思っています これを機にCSSハックではなくバージョンの異なるIEに共通するスタイルシートをつくりたいと思っているのですが、これを実現するためにはCSSの初期化という方法がいいのでしょうか? 参考になるサイトなどでも結構ですので、アドバイスをお願いいたします
- 締切済み
- 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対応 HTML5 こちらでよろしいでしょうか。
IE対応 HTML5 こちらでよろしいでしょうか。。。 様々なサイトを見て ■ reset.cssは使わず normalize.css を使用。 ■ modernizr.jsではなく selectivizr.js を使用。 ■ cssの拡張に CSS3 PIE を 使用。 http://css3pie.com/ としております。 読み込ます順番が違うなどありますでしょうか。 併用するとエラーになるファイルはありますでしょうか。 よろしくお願いいたします。。。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="all"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/main.css"><!-- 自分の記述するcss --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script><!-- 自分の記述するjs --> <!--[if (gte IE 6)&(lte IE 8)]> <script src="js/selectivizr.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> </head> <body> ~ </body> </html>
- ベストアンサー
- HTML
- document.lastChild.appendChild()のIE5.5対応
任意のHTMLファイルの<body>内に <script type="text/javascript" src="sample.js" charset="shift_jis"></script> と書いたとき、そのHTMLファイルのヘッダに sample.cssへのlinkを定義できるように --------- sample.js ----------- sample_css=document.createElement('link'); sample_css.rel='stylesheet'; sample_css.href='/sample.css'; sample_css.type='text/css'; document.lastChild.firstChild.appendChild(sample_css); … --------- sample.js ----------- と書いたのですが、IE5.5で、 document.lastChild.firstChild.appendChild(sample_css); の行がエラーとなってしまいます。 IE5.5に対応できる書き方はないものでしょうか。
- ベストアンサー
- JavaScript
- CSS3の対応
CSS3ってどれくらい皆さんはどれくらいつかっていますか教えてください 質問1 スマホサイトでCSS3は全力で使えるんですか?(アンドロイドも) 質問2 スマホサイトはCSS2.1のセレクタだけでつくってもいいですか?(かっこ悪いですか?) 質問3 みなさんはパソコン用webサイトでCSS3はどのくらいつかっていますか? 質問4 パソコン用WEBサイトで隣接セレクタと子供セレクタなどIE6が表示できないセレクタはつかっていますか? ブラウザIEの対応なのですがIE9が丸角とbox-shadowくらいですよね? IE6~IE8が亡霊のように残っているので困っています
- ベストアンサー
- CSS
- cssハックでIE9にも対応させるには?
CSSでFirefox,chorme,IEなどブラウザ間で色を統一させたく、 下記のようなcssハックを使いました。 IE6,7,8ではちゃんと反映されましたが、IE9では反映されませんでした。 IE9でも反映させるためには、どのようにしたら良いでしょうか? <!--[if IE ]> <style type="text/css"> #ie_color {background-color: #777777;} </style> <![endif]-->
- 締切済み
- CSS
- レスポンシブwebデザインでのIE対応について
レスポンシブwebデザインでサイト制作する際、CSSのIE対応はどこまでやるべきか悩んでいます。 お詳しい方々、是非アドバイスをお願いします。 現状の対応としては・・・ IE9 → 他ブラウザ同様にレスポンシブ対応 IE8 → レスポンシブ非対応・IE専用CSS(PCサイズ版)を適用 IE7 → 完全無視 (IE7はttp://www.ajike.co.jp/2012/08/browse_share201207/やその他複数のデータを基に、完全無視で問題ないと判断しました) としております。 そこで作っていてふと想ったのですが、タブレット端末やスマートフォン端末では実質的にIEではなくなるので、結局IE9をレスポンシブ対応させる意味がないのではないか? なら、IE8と同様にIE用のCSSを適用させるだけで良いのではないか? と想ったのですが、どうなんでしょうか? ここはやはり将来性を鑑みてIE9は現状のままレスポンシブ対応させておくべきなのか・・・ それともIEは9だろうと8だろうと一括でIE専用CSSを適用させてレスポンシブ対応させないのか・・・ 初心者の私にはIE用のCSSですら恐ろしくめんどくさいというか難しく、IE9をレスポンシブ対応させるだけでも四苦八苦しております。。。 いったいどうしたら良いでしょうか? 是非ぜひ、ご教授願います。
- ベストアンサー
- CSS
- CSSをIEが読み込んでくれません。
CSSをつかってページを作りました。 Firefoxでは、表示は問題なかったのですが、 IE6・7でCSSを読み込んでくれません。 IEのバグなのでしょうか?それともCSSの記述間違いなのでしょうか? どなたか修正方法を教えて頂ければと思います。 よろしくお願い致します。
- 締切済み
- CSS
- ie8メディアクエリによるcss分岐ができない
ie8でメディアクエリによるcssの画面サイズ分岐ができなくて困っています。 環境は、windows XP Service Pack3です。 1.下記方法でIE8以下にもHTML5とメディアクエリを使えるようにしました。 (HTML5はバリデータでチェック済みです。) <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> 2.下記方法でデバイスの横幅に対応したcssを指定しました。 <link href="smartphone.css" media="screen and (max-width:480px)" rel="stylesheet" type="text/css"> <link href="tablet.css" media="screen and (min-width:481px) and (max-width:1024px)" rel="stylesheet" type="text/css"> <link href="pc.css" media="screen and (min-width:1025px)" rel="stylesheet" type="text/css"> 3.現象 a. firefoxではローカル上のページもサーバー上のページも適用されていました。 b. ipodではサーバー上のページしか見ていませんが、適用されていました。 c. しかし、ie8ではローカルでもサーバーにアップしてもcssが適用されません。 d. ie8では、media="screen"だけの場合は適用されていますが、and以降のサイズ指定が入ると適用されません。 e.type=などの指定もアリ、ナシどちらの組み合わせも適用されません。 よろしくお願いいたします。
- ベストアンサー
- CSS