- 締切済み
ホームページの外部CSSが読み込まれません。
HP制作初心者です。 HPテンプレートを使い、それを加工してHPを制作したのですが、 これまで問題なく表示されていたHPが、最近になってIEのみで 外部CSSの一部が読み込まなくなってしまいました。 （外部cssの temcss/share/css/share は読み込んでいるようなのですが、それ以外の temcss/index/css/index が読み込めていないように感じます。） ちなみに、ファイアーフォックスなどでは、表示に問題ありません。 IEの開発者ツールを使って、ドキュメントモードを変更してみたところ、 IE7であればほぼ問題なく表示されましたが、IE8以降だと崩れました。 一応、応急処置的に <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> などを使う方法は教えていただいたのですが、 新しいバージョンと若干表示のされ方が異なるため、 根本的に直す方法をおわかりになる方、お教えいただけませんでしょうか。 HPURLを記載致しますので、よろしくお願い致します。 HP URL http://kapra.jp/
- infokapra
- お礼率0% (0/2)
- CSS
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
IE８以降で崩れるという事なのですが、IE9で確認したところFireｆoxで見たのと同じように表示されていますよ（私が気づく判別可能な範囲で…）。もし私の見落としだとしても、大きな崩れは無いです。もしかしたら無事解決されたのでしょうか？
- metametamu
- ベストアンサー率51% (153/295)
＞根本的に直す方法 今ちょうど新しいHTMLの規格が普及している状態です。 現状で今つかわれているテンプレートの企画は切り捨てられる方向で動いていると思った方が良いとおもいます。 なので根本的に直すには新しいHTMLの規格に添ってHPを作り直すしかありません。 今のままで直す方法も無くは有りませんが、CSSの知識を必要とします。 今は応急処置に留めておき、後々XHTML1.0 strictに準拠したテンプレートを探して移行するのがベストだと思います。(HTML5という規格もありますが、まだIEが対応しきれていないので)
関連するQ&A
- ブラウザ毎に外部CSSファイルでデザイン変更したい
CGIソースファイル http://www.loplopland.com/test/newfile.html このCGIでインターネットエクスプローラーだけ別の外部CSSファイルでデザイン変更したいんですが、どのようにしたらいいでしょうか？ 別のところで $ua = $ENV{'HTTP_USER_AGENT'}; if (index($ua, "compatible; MSIE") >= 0) { $stylebase = "stylebase_IE.css"; } else { $stylebase = "stylebase.css"; } を入れたらいいと言われたんですが、どこにどう入れたらいいかいまいちわかりませんでした。
- ベストアンサー
- JavaScript
- IEの互換表示について
皆様 いつもお世話になります。 早速ですが、ご質問させていただきます。 勉強がてらWEBサイトを作成したのですが、IE11～9のブラウザで閲覧すると真っ白い画面が表示されてしまい困っています。 その際、クライアント側で互換表示設定を行うときちんと表示されるのですが、開発側で強制的に互換表示を行うように設定した場合は真っ白い画面のままです。 クライアント側と開発側で行う上で何かしら違いはあるのでしょうか？ 開発側で行った設定は以下のとおりです。 ・<head>直後に<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />を記述 ・.htaccessに「Header add X-UA-Compatible "IE=EmulateIE8"」を記述 ・index.php内に 「header('X-UA-Compatible: IE=EmulateIE8');」 を記述 【補足】 その他、chromeやfirefox、IE８以前はきちんと表示されます。 【開発環境】 Windows7 LAMP（テンプレートエンジンにsmartyを使用） どなたかお詳しい方、ご教授のほど何卒宜しくお願い致します！
- 締切済み
- CSS
- Macでサイトが壊れている！直す方法ないの！
winではIE10で自らのサイトが壊れて表示されていたので、 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > と記述(マイクロソフトより)し正常に表示されています。 ところが、やはりMacでも壊れているのです。 マックは、まだまだ、このような対処が出来るほどサポートが充実していないのでしょうか？ 難しいかも知れませんが、ご存知の方が居られましたらお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- ＩＥ８（インターネットエクスプローラー８）で自社サイトが正しく表示されない
IE７（インターネットエクスプローラー）で正常に表示されていた自社サイトが、IE8では大きく乱れます。「互換表示モード」のボタンを押しても同様です。 サイトのindexファイルに、IE8を強制的にIE７で閲覧させるためのタグ <meta http-equiv=\"X-UA-Compatible\" content=\"IE=emulateIE7\" /> を書き込んでも、表示は乱れたままです。 となると、根本的にサイトを作り直す必要があると思われますが、どのようにすればよいでしょう？ そもそも「IE７に作られたサイト」と「IE８に作られたサイト」はどこがどう違うのでしょう？ 初中級者なので、わかりやすい回答をお願いします。
- 締切済み
- ネットトラブル
- IE8でレイアウトが崩れます。
ＨＰビルダーを使ってＨＰを作成しております。作成したサイトがIE8でレイアウトが崩れるのでタグを追加し以下のように記載しましたがIE8で確認しましたが直っておりませんでした。間違っている箇所等がございましたら、ご指摘お願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
- 締切済み
- ホームページ作成ソフト
- IE8でページの一部が表示されない
CSSテンプレートを利用して作成したページの、ヘッダーや周りの色つき部分、フッターが正しく表示されません。Chromeでデバッグした際は問題ないのですが、なぜでしょうか？ CSSも初心者のためよく解析ができていません。 HTMLでは次の宣言をしてありますが、これに問題があるのですか？ すみませんがお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>********</title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="style1.css"> <meta name="GENERATOR" content="MSHTML 8.00.6001.19019"></head>
- ベストアンサー
- ホームページ作成ソフト
- cssで外部ファイルを読み込む
XHTML+cssで制作中ですが、XHTMLの中にcssで外部ファイル（HTMLページ）を読み込むことはできますか？ インラインフレームでやれないかとも思ったのですが、やってみたらインラインフレームの下のデータが表示されなくなってしまいました。 書き方が悪かったんでしょうか。 cssで読み込みができればいいんですが。。。 教えてください。 よろしくお願いいたします。
- ベストアンサー
- XML
- ＣＳＳ今度は外部ファイル！
前回「ＣＳＳが反映されない」で質問させていただきました。 おかげさまで、ヘッダー内で記述したものが、反映されるようになりました。 ところで、今度は外部ファイルの読み込みで「できない！」となっています。 自分ではどこがいけないのか、発見できなかったので、また皆さんのお力をいただきたいと 思います。 ○abc.css(外部ファイル） .body{ color:#006666; font-size:30px; } ○ＨＴＭＬファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="abc.css" type="text/css"> --> </style> </head> <body> 背景色は濃い青緑です<br> フォントサイズは３０ｐｘ・・・<br> <br> になるはずです・・・ </body> </html> ・・・結果・・・ 真っ白な画面に標準フォントで表示。 ○外部ファイル .hp-name{ font-size:55px; color:#006666; text-align:center; } ⇒ファイル名 hp-name.css ○ＨＴＭＬファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="body.css" type="text/css"> --> </style> </head> <body> <div class="hp-name"> ＨＰ名は「○○△△◇◇」です </div> ////////////////////////////////////////////////////////////////////////////////////// 今度はどこがいけないのでしょう。 <link rel・・・・・・・・ で、外部ファイルを読み込むだけではいけないのでしょうか？ それとも、外部ファイルの書き方がいけないのでしょうか？ 外部ファイルには「スタイルシートの部分だけ」記述すればいいと思っていたのですが・・・ ○外部ファイルを <style type="text/css"> <!-- --> </style> をつけてみたのですが、ダメでした
- ベストアンサー
- その他（インターネット・Webサービス）
- firefoxでｃｓｓが無視されます
css初心者です、会社の海外向けのサイトを制作してます、 IEでは表示されるのですが、FireFoxではCSSが無視されてしまいます。 どなたか間違いをご指摘、ご指導ください。よろしくお願いします。 以下HTML記述 <?xml version="1.0" encoding="UTF-8"?> <!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="ja" lang="ja"> <head profile="http://purl.org/net/uriprofile/"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="Author" content="carsite" /> <meta name="Description" content="Japanese Used Car Exporter;Universal Trade. Find the best car to meet your special request." /> <meta name="Keywords" content="used car,cars,second hand,vehicle,japan,japanese" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="shortcut icon" href="favicon.ico" /> <style type="text/css"></style> <title>Japanese Car Export car.com</title> </head> ちなみにCSSの記述頭 @charset "Shift_utf-8"; 3WC CSS検証チェックではエラーは発見されませんでしたが 原因がわかりません。
- ベストアンサー
- HTML
