- ベストアンサー
IE6でCSSの一部の記述を読み込まない
- IE6でCSSの一部の記述が読み込まれないエラーに困っています。
- 外部CSSに書いた一部の記述が効かない現象が発生しています。
- IE6がCSSの一部の記述を読み込まないエラーの原因について教えてください。
- YOKOHAMA-Boy
- お礼率42% (23/54)
- CSS
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
IE7以上できちんと適用されるならIEは無視して構わないとは思います。 マイクロソフト自身が「腐った牛乳」と使用して撲滅キャンペーンを張っているくらいです。 マイクロソフト、IE6 撲滅に向けた一大キャンペーン始める | スラッシュドット・ジャパン IT ( http://it.slashdot.jp/story/11/03/07/2037203/%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E3%82%BD%E3%83%95%E3%83%88%E3%80%81IE6-%E6%92%B2%E6%BB%85%E3%81%AB%E5%90%91%E3%81%91%E3%81%9F%E4%B8%80%E5%A4%A7%E3%82%AD%E3%83%A3%E3%83%B3%E3%83%9A%E3%83%BC%E3%83%B3%E5%A7%8B%E3%82%81%E3%82%8B ) まず、スタイルシートの順番を変えると適用されたりされなかったりするのでしたら、それでどの部分以降が読まれていないかチェックできます。 また、子孫セレクタを解釈しない部分がありますから、間に全称セレクタを入れてみるとかします。 一意セレクタで記述したスタイルに対して、複数クラス指定しても二つ目以降は利きません。 p.small { } 、td.com { } は、 p small { } 、td span.com { } と指定できるようにHTMLを書き換えます。 これはＩＥ６のバグですが、HTMLをきちんと記述することで回避できるはずです。 ＞これは、800pxワイドのwrapper をセンター配置させるCSSです。 まともなブラウザでしたら width:800px;margin:0;auto; なのですが、IE6でしたら body{text-align:center;} #wraper{width:800px;} #wraper *{text-align:left;} ですかね。 私は、この点についてはIE6は無視しています。左に偏って表示されても問題ないですから、それよりも、スマホや幅広ディスプレイに対応させるため div.article{width:80%;min-width:640px;max-width:800px;margin:0 auto;} です。 IE６への対応に使う労力がもったいない。 最近では、数字にも上がってこない 日本のバージョン別ブラウザシェアグラフ （StatCounter Global Statsより） ( http://lhsp.s206.xrea.com/misc/browser-share-version.html )
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
まずHTMLの文法チェック、ついでCSSの文法チェックをしてください。 The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input ) Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html ) W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) なお、細かい部分ですが、HTMLの場合 <link rel="stylesheet" href="base.css" type="text/css" /> ではなくて <link rel="stylesheet" href="base.css" type="text/css"> です。 left:50%; margin-left:-400px; とはなに？？
補足
HTMLの文法チェックをThe W3C Markup Validation Serviceでしました。 <link rel="stylesheet" href="base.css" type="text/css" />を修正しました。他に、ダイレクトで style=""で書き込んである点がエラーではないですが指摘されました。ほかには、エラーはありませんでした。 CSSも、W3C CSS 検証サービスでチェックしましたが、background-colorと文字色の指摘のみで、エラーはありません。 まだ、IE6/7でエラー状態です。 left:50%; margin-left:-400px; これは、800pxワイドのwrapper をセンター配置させるCSSです。 参考： http://www.css-lecture.com/log/css/032.html その他、UTF-8で、htmlとcssとを書いています。 あと、何をチェックすれば、IE6/7のエラーを解決できるでしょうか？
お礼
一般的にはIE6の影響は小さいと思います。 特定の所では、XPと合わせてまだ残っていて、たまたま特定のところのホームページだったので、あせりました。 何とか、まともになりました。 お礼を申し上げます。