• ベストアンサー

IE7で途中からCSSが利かなくなる

IE7で、HTML＋CSSのファイルを開くと、途中から、CSSが利かなくなってしまいます。 IE6＆IE8では、問題なく表示されます。 この現象を解決する方法はあるのでしょうか？ よくわからないのですが、データ量が多いページに出ているようです。 また、特定のクラス名などではないようです。 同じクラス名でも、前半は正常に表示されていて、後半はNGになっていました。 よろしくお願いします。 WinXP＋IE7

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

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

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

データ量は関係ないと思います。 スタイルシートに日本語などは含まれていませんか? HTMLとCSSの文字コードは正しくて、かつきちんと宣言されてますか? XHTMLの場合、スタイルシートで大文字でタイプセレクタが指定してあるのに、HTMLは小文字になっているとかはないですか？ 　CSSが冗長ではありませんか？ Firefoxではいかがでしょう。firefoxのアドオンにfirebugがあります。それでそれぞれの要素にどのスタイルが継承されているかなども詳しくわかるのですが・・・

w0a15455
質問者

お礼

いろいろ修正して、結果的に、「<span id="xxxx"/>」→「<a id="xxxx"/>」と修正したら直りました。 使い方を間違っていました。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

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

・仮想環境やIETesterとかじゃなくて、IE7はネイティブのものですか？ ・別のIE7環境でも試してみましたか？ ・XPのServicePackageはいくつですか？ ・Chrome、Firefox、Operaなどではどうですか？ ・HTML&CSSの文法自体はほんとに正しいですか？ ・JavaScriptにエラーはありませんか？ 現象だけの情報ではなんとも応えようがない気がします。。。

w0a15455
質問者

補足

>・仮想環境やIETesterとかじゃなくて、IE7はネイティブのものですか？ はい。ネイティブな環境です。 >・別のIE7環境でも試してみましたか？ はい。結果は同じでした。 >・XPのServicePackageはいくつですか？ SP3です。 >・Chrome、Firefox、Operaなどではどうですか？ Firefox3.0で試しましたが、正常に表示されました。 >・HTML&CSSの文法自体はほんとに正しいですか？ HTMLは、MSXMLからパースしたものなので、大丈夫だと思います。 CSSは、No1さんに教えていただいたサイトで検証したので大丈夫だと思います。 >・JavaScriptにエラーはありませんか？ Firefoxのエラーコンソールになかったので、大丈夫だと思います。

全文を見る
すると、全ての回答が全文表示されます。
noname#158634
noname#158634
回答No.2

＞途中から ＞データ量が多いページ この条件だけでも対策の一つはすぐに思いつくはずですが、それをしない理由は？ なんなら、手元にIE6、7、8があるのでこちらでそのURLを開いてみてもいいですが。

w0a15455
質問者

お礼

>この条件だけでも対策の一つはすぐに思いつくはずですが、それをしない理由は？ 対策とはなんでしょうか？ >なんなら、手元にIE6、7、8があるのでこちらでそのURLを開いてみてもいいですが。 申し訳ないです。顧客のデータなので、外部に出せないんです・・・

全文を見る
すると、全ての回答が全文表示されます。
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) の結果は？

w0a15455
質問者

お礼

こんなサービスあったんですね。勉強になりました。 １箇所、スペルミスがありました。修正しましたが、結果は変わりませんでした。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • IEでCSSを動的に切り替える方法

    もう３日間悩んでおりまして、糸口がつかめずご質問させていただきました。 何でも結構ですのでアドバイスいただけましたら助かりますm(_ _)m 【やりたいこと】 IEで画面をリロードすることなくCSSを再読込して適用させる。 【試した方法でIE以外では動いたもの】 http://phpspot.org/blog/archives/2009/08/css_91.html http://allabout.co.jp/gm/gc/23930/4/ 【本当にやりたいこと】 AjaxでPOSTして、戻ってきたページ全体のHTMLを使ってページ全体を上書き更新したい。 それはPOSTすることで画面の表示位置をずらしたくないためです。 IE（６，７，８）以外ではうまくいっていそうです。（FF3、Chromeで確認） IEだと、CSSが不完全に適用されているようなくずれた画面になるため ＣＳＳを再読込してリフレッシュできたら、解決すると考えたわけです。 検索していると、IEはCSSの動的切り替えに対応していないような記述もあったり。。 よろしくお願いしますm(_ _)m

  • IE8でCSSハックが効かないです。

    IE8でCSSハックが効かないです。 IE8のCSSハックを使用したくて、下記のように指定したのですが、 IE8で見るとIE8用に記述したCSSハックが効かないです。 ちなみにIE6用のハックとデフォルトで指定したクラスはきちんと表示されます。 記述方法が原因なのでしょうか。それとも他に原因があるのでしょうか。 教えて欲しいです。 ■サンプルソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="keywords" content="キーワード1,キーワード2"> <meta name="description" content="ディスプリクション"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> #main_contents p.test_style { font-weight: bold; color: #000; } /* IE6対策 */ *html #main_contents p.test_style { font-weight: bold; color: #ff0000; } /* IE8対策 */ html>/**/body #main_contents p.test_style { font-weight /*\**/: bold\9; color: #0033ff\9; } </style> <title>IE8表示テスト</title> </head> <body> <div id="main_contents" class="reset"> <p class="test_style">デフォルトのテキスト　黒で表示されます。</p> <p class="test_style">IE6用(css hack)のテキスト　IE6で見ると赤で表示されます。</p> <p class="test_style">IE8用(css hack)のテキスト　IE8で見ると青で表示されます。</p> <!--/main_contents--></div> </body> </html>

  • IE6とXHTML+CSS

    XHTML+CSSでサイトを制作したのですがIE7で確認すると正常に映るのですがIE6で確認すると画像がズレたりロールオーバーのオーバー時の画像が表示されなかったりしてしまいます！！ どうすれよいのでしょうか。。。詳しい方アドバイス等聞かせてください！また参考になるようなサイトのURLを教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • NNだけCSSのリンクが切れる?!

    <link href="common/top.css" rel="stylesheet" type="text/css"> 上記のようなソースで外部ファイルにリンクしてるのですが、 サーバにあげたときだけNNで見るとCSSが適用されません。（IEでは表示されます） ローカルでみれば、IEでもNNでも問題なく表示されるし、 外部ファイルをやめて、HTML内にCSSを記述すればサーバにあげても表示されます。 サーバ側に原因があるのか、ソースコードで解決できるのか どなたかこの現象の解決方法を教えて下さい！！

  • IE6でページの表示がずれます。

    HTMLで作成したページが、IE7とFirefoxでは、正常に表示されるのですが、 IE6で確認すると、ページの左側部分が全体的に下にずれて表示されます。 CSSを修正したり、手を尽くしてみたのですが修正できません。 何かIE６に正しく表示させるような方法はありますでしょうか。 教えて頂ければ幸いです。

  • CSSで定義していないclass指定を削除したい

    CSSで定義していないクラスを、HTML内に多数記述しているのですが、それを簡単に特定出来る方法はありますでしょうか。 例をあげますと、 [HTML] <div class="test01">XXXXXXXXXX</div> [CSS] .test000 { font-size: 18px; } みたいな状態で、HTMLで呼び出しているclass名がCSSで定義していないのです。 CSSとHTMLを照らし合わせ、１個づつ確認するのが確実だとは思うのですが、1000ページ程度あり目視確認は現実的ではないので、、、。 アプリケーションはDreamweaverをつかっています。 どなたか方法をご存知の方がいらっしゃいましたら、宜しくお願いします。

  • 外部CSSの後半がHTMLに反映されない

    はじめまして。 HTML CSS 初心者です。 現在、mac os Xで、miを使いHPを作成しています。 外部CSSをHTMLへ反映させる方法を取っているのですが、ある程度CSSの記述が増えると、後半のCSSがHTMLへ反映されなくなってしまいます。 反映されない後半のCSSをカットし、前半にコピーすると反映されます。 しかし、それまでに反映されていた後半のものが反映されなくなってしまいます。 現在CSSは1,025文字、９３行です。 この場合どのような原因が考えられるのでしょうか。 アドバイスをいただけると幸いです。 宜しくお願い致します。

    • ベストアンサー
    • Mac
  • CSSやJavaScriptの構文チェッカを探しています。（HTML-lintのような）

    CSSやJavaScriptの構文チェッカを探しています。（HTML-lintのような） 今作っているウェブアプリが、FireFox2.0だとなんとか正常に表示されるものの、 IE7だとレイアウトや挙動が不自然です。 CSSとJavaScriptを連携してつかっています。 そこで、CSSやJavaScript用に、HTML-lintのような構文チェッカが、あればな・・・と思っています。 どなたかご存じの方いらっしゃったら、お教えくださいませ。

    • ベストアンサー
    • HTML
  • cssスプライトで作ったボタンがIE6でロールオーバー時に消える

    ＣＳＳでロールオーバーするボタンを作りました。（ＣＳＳスプライトという手法で作っています） ところが、ＩＥ６でのみ、ロールオーバー時に、ボタン画像が消えます。 ためしにjavascriptで先にキャッシュを読み込ませてみましたが、やっぱり消えてしまいました。 どうしたらＩＥ６でも正常に表示できますか？

  • OPERAでのCSS利用

    個人ホームページを運営している者です。HTMLやCSS、Javascript、CGIなどについてひととおりの知識は持っています。 質問ですが別ファイルで用意したCSSを利用するホームページ作成し、表示具合をwindows版のIEおよびNetscapeで確認して何ら問題ないのにOPERAで見るとCSSが効いていないのですがこれはOPERA特有の性質によるものですか？そして正常にCSSを効かせるためにはどうしたらよいのでしょうか？よろしくお教えください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する