IE7以下でcssが読み込まれません

2023/10/17 18:18

このQ&Aのポイント

現在wordpressで会社のサイトを制作しているのですが、IE7以下で、htmlはすべて読み込まれているのですがcssが読み込まれていません。
IE8、chlome、firefoxでは正常に動作しています。テキストエディタ（terapad）を使用して記述しており、ffftpにてアップロードしています。css、htmlの保存形式はUTF-8Nで、cssの一番最初に@charset'utf-8';を記述しています。サーバはロリポップを使用しています。
IE7以下でcssが読み込まれない問題に対して、いくつかの可能性が考えられます。具体的な情報が提供されなかったため、原因を特定するのは難しいですが、下記の点を確認してみることをおすすめします：1. cssファイルへのパスが正しいかどうか、2. cssファイル内の記述に誤りがないか、3. IE7以下でサポートされないcssの使用があるか、4. ブラウザの互換性表示モードが有効になっていないか、などです。

ベストアンサー

IE7以下でcssが読み込まれません。

2010/01/14 17:41

はじめての投稿です。現在wordpressで会社のサイトを制作しているのですが、 IE7以下で、htmlはすべて読み込まれているのですがcssが読み込まれていません。・php初心者です。html、cssに関しては一通り記述できます。・IE8、chlome、firefoxでは正常に動作しています・テキストエディタ（terapad）を使用して記述しています。・ffftpにてアップロード。・css、htmlの保存形式はUTF-8N。・cssの一番最初に@charset"utf-8";を記述。・htmlにもUTF-8を宣言しています。・サーバ：ロリポップ何か必要な情報がございましたら、ご連絡いただければ回答いたします。どうすればie7以下でcssを読み込むのでしょうか？どういった可能性があげられるでしょうか？ご教授よろしくお願いいたします。

ituski321
お礼率100% (1/1)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

goold-man
ベストアンサー率37% (8365/22183)

2010/01/14 18:55 回答No.1

（1）参考URLをご覧ください。基本のCSSファイル→style.css style.cssを複製IE6用のCSS→ie6.css style.cssを複製IE7用のCSS→ie7.css 以下略（2）下記URLをご覧ください。 CSSの先頭に「@charset”utf-8″;」と記述する。 http://zakey.net/archives/47

参考URL：: http://lovelog.eternal-tears.com/web/css/browser-css/

質問者

お礼 2010/01/14 19:56

ご回答ありがとうございます！（１）レイアウトが１部崩れるのではなく、cssをまったく読み込まないのです。（２） cssの先頭に記述しているのですが、それでも読み込みません。 ie8では読み込むので、ie7との違いを調べてみましたが、よくわかりませんでした。。。何か解決策はありますでしょうか？よろしくお願いいたします。

質問者

補足 2010/01/14 20:31

自己解決しました！！ありがとうございました。

関連するQ&A

CSS 開けない
プログラミング　CSSについての質問です現在、テキストエディタでterapadを使用しているのですが CSSの記述して拡張子を.cssと保存した所、ファイルが自己解凍実行ファイルとなってしまい、一度保存したファイルが開けなくなってしまいました。秀丸やサクラエディタで試したところ、terapadと変わらず自己解凍実行ファイルとなってしまいます。ファイルを開こうとするとterapadをインストールしようとし、インストールすると開くことはできるのですが編集不可となってしまいます。 terapad自体は既にインストールしている状態で使えています。 OSはwindows8です。
- 締切済み
- その他（インターネット・Webサービス）
ブラウザ毎の対処 Win ie5-5.5
xml宣言なしのXHTML 1.0 Transitionalでコーディングをしています。下記の記述で Win ie5-5.5のみ専用のCSSを読み込むようにしているのですがなぜか通常で適用するCSSが読み込まれてしまい Win ie5-5.5専用CSSが動作していないようなんですが下記の記述に何か問題があるのでしょうか？アドバイスいただけると助かります。 @charset "utf-8"; /*Mac ie5読み込み阻止対策\*/ @import "reset.css"; @import "default.css"; @media tty { i {content : “\”;/*” “*/}} @import ‘win-ie5-55.css’; /*”;} }/* */ /*Mac ie5読み込み阻止対策*/
- 締切済み
- CSS
IE用CSSが適用されない
通常は12pxを指定して、IEのみフォントサイズを11px指定したいのです。 <!DOCTYPE HTML> <html lang="jp"> <head> <meta charset="UTF-8"> <title>タイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css">  <style> body { background-color:#FFFFFF; color:#333333; font: 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif; } #figure_main { font-size:12px; margin-top:10px; margin-left:10px; width:510px; } </style> </head> <body> <div id="figure_main"> <div class="box1"> <span>取締役会</span> </div> <div class="box1"> <span>取締役社長</span> </div> <div class="box2"> <span>常勤役員会</span> </div> <div> <ul> <li class="list_l">営業局</li> <li>人材派遣部</li> </ul> </div> </div> </body> </html> HTMLには<!--[if IE]>を記述し、 ie.cssには @charset "utf-8"; /* CSS Document */ #figure_main { font-size:11px; } と記述しましたが、適用されませんでした。適用されない理由を教えてくださいますか？宜しくお願いします。
- ベストアンサー
- HTML
IE6でCSSの一部の記述をを読み込まない
IE6でCSSの一部の記述を読み込まないので、困っています。上位のIEやモダンブラウザーでは出ない症状です。解決策の判る方に、お助けをお願いします。外部CSSに書いた内容で、反映するものと反映しないものがあります。 div#main { } とかはOKで、p.small { } 、td.com { } などの classに書いたものが、効きません。他にも、h2 { } 等も効きません。 IE6は、CSSのコメントを閉じる前に全角文字があるとエラーになるとか、 HTMLとCSSの文字コードが違うとエラーとか、ありました。該当はしていません。 classを複数並列記載するとエラーなど、Googleで探したら、ありましたが、そのようなな複雑なことはやっていません。他に、IE6がCSSの一部の記述を読み込まないエラーの原因となるものは、あるのでしょうか。一部の内容です。 CSS========== @charset "UTF-8"; 以下、略 HTML========== <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="base.css" type="text/css" /> 以下、略思い当たる原因として、 <body>の上に、wrapper を以下のように定義して、センター配置しています。 div#wrapper { width:800px; 　　　 height:100%; 　　　 position:absolute; 　　　 top:15px;left: 50%; 　　　 margin-left: -400px; background-color: transparent; margin-bottom:0px; } この子要素や孫要素に、コンテンツが書かれています。孫要素は、float している場合もあります。そのような構造では、本題のエラーが出るものなのでしょうか？お助け願います。
- ベストアンサー
- CSS
charset=UTF-8　にすると文字化けしちゃいます!
<META http-equiv=content-type content="text/html; charset=UTF-8"> とすると、ブラウザ（IE6）画面で見事に文字化けします。アップロード先サーバーの都合上、UTF-8でなければなりません。文字化けさせない方法をご教授くださいませ。エディタはTeraPadとPeggyPad、OSはWinXPです。
- ベストアンサー
- ホームページ作成ソフト
CSSの文字コード指定について
XHTML1.1でマークアップを行っています。文字コードは全てutf-8でまとめているので外部CSSファイルの1行目に“@charset "utf-8";”と記述していますが、CSSを読み込むための記述は <link rel="stylesheet" type="text/css" href="css/base.css" media="all" title="#"/> と <link rel="stylesheet" type="text/css" href="css/base.css" media="all" charset="utf-8" title="#"/> では厳密にはどちらの方が正しいのでしょうか？ 2つの違いは“charset="utf-8"”の有無です。
- ベストアンサー
- CSS
IE9でCSS3が機能しない
CSSセレクタについてお伺いします。あるショッピングカートサイトを使っているのですが、このサイトはhtmlは編集できずCSSしか編集できないページがあります。このページのデザインをなんとか編集したいと奮闘しています。そのサイトのhtmlは不親切にもidやclassがほとんど記述されていません。そのため:nth-child(n)などを使ってなんとか要素を編集できそうでした。しかしfirefoxやchrome、operaはこの:nth-child(n)が機能するのですが IE9では機能しません。 IE9ではhtmlの宣言を<!DOCTYPE html>と記述しないとCSS3 は使えないのでしょうか？ CSS側だけでなんとかclassなどの指定がない要素を取得する方法はないでしょうか？よろしくお願いいたします。
- ベストアンサー
- CSS
CSS3について
CSS3について初歩的というか、本当にお恥ずかしい質問を何点かさせてください。自分で調べてみても初歩的すぎて（常識すぎて）わかりませんでした。１、自分はHTML4.01とCSS2.1しか使ったことがないのですが、CSS3はHTML4.01にも使えるのでしょうか？？（よく「HTML5&CSS3」という名目で本が並んでいるので、、、）CSS3とHTML4.01の組み合わせは一般的でなかったりするのでしょうか？２、CSSファイルの頭に記述する文字コード？の「@charset "UTF-8";」、また、拡張子は「.css 」のままですか？もしそうなら、CSS3の文法さえ守っていさえすればCSS3ということでしょうか？ 3、htmlに外部ファイルとしてリンクさせる場合の記述もCSS2.1と同じなのでしょうか？質問がまとまってなくてすいません。どなたか教えていただけないでしょうか？？宜しくお願いいたします！
- ベストアンサー
- CSS
以下のcss(css ハック？)を解説していただけませんか？
以下のcss(css ハック？)を解説していただけませんか？以下のようなcssの記述をみつけたのですが、意味がさっぱりです。 @media tty { i{content:"\";/*" "*/}}@m; @import '/css/cmm/ie55win3.css'; /*"; } }/* */ なお、 ●tty というmediaは、「固定幅の文字グリッドを用いたメディア、例えば、テレタイプ、端末、表示能力に制限のある携帯デバイスなどを示す。このメディアでは、画素単位 px は使えない。」ということ。 ●@media 規則 ⇒ 　「@import と似たようなものに、 @media があります。これを用いると、一つのスタイルシートに、複数のメディアタイプに対する規則を記述することが出来ます。」ということは分かっています。ですが、それをわかっていても、上のcssの記述の意味がわかりません。以上、よろしくお願いいたします。
- ベストアンサー
- HTML
cssがIE6で適用されない理由は
教則本を見てcss/xhtmlでサイトを作ったのですが、（教則本がIE7以降対応だった為） safari firefoxd IE7では表示がうまくいくのですが、 IE6では全くcssが適用されないです。少し調べたところこの辺の記述に問題があるのかなと思っています。誰か教えて下さい。 ............................................................................... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="jap" lang="jap" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> ....................................................................
- ベストアンサー
- HTML