- ベストアンサー
IEでホームページが表示されず、CSSが表示されます。助けてください。
- ホームページが表示されず、CSSがポップアップされて表示されません。
- IE6でホームページを開こうとしたら、「・・・ダウンロードできません。・・・」とエラーメッセージが表示されます。
- ビルダーで作ったホームページをFTPで転送したらホームページが表示されません。
- rm0318
- お礼率72% (8/11)
- Windows Vista
- 回答数5
- ありがとう数2
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
残念ですがいまだIEでは現象が出ています。 （リンクしていない）kogao.cssのダウンロードを要求していますからゴミが残っているか、何かサーバー上でトラぶっている可能性があるような気がします。 （現在/kogao/ディリクトリのindexにはkogao.cssのリンク記述が見当たらないので、またIEのキャッシュクリア後にも出現しますから間違いはないかと） まさかとは思いますが 9行目の style11.cssへのリンクが大文字で始まっているので修正します。 それでも現象が出ればサーバーのサポートに依頼した方が早いです。 余計ですけど 左ブロックの商品メニュー（#left ul.menu）のTextがfont属性の削除でボックスを超えていますので調整が必要です。 （style11.css 272行目の#left ul.menu内、 padding-right: 0px ; font-size : 12px ; の調整で大丈夫だと思います）
その他の回答 (4)
HTMLチェッカ。 http://validator.w3.org/ 拠り厳格に確認訂正は以下。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html CSSチェッカ。 http://jigsaw.w3.org/css-validator/ エラーを徹底的に潰す。
- fab76
- ベストアンサー率59% (327/548)
>これは大文字を小文字にすればいいのでしょうか？ はい、XHTML文書とするには記述は小文字で行うことがルールなんです。 （だいぶ混ざっているんで…、一応表示は出来ます） XHTMLについてはこの辺 http://hac-design.com/xhtml/xhtml5.html が簡潔にまとめられていると思うので参考に、他にもリファレンスサイトは多数あるので探してみてください。 font属性の件は 文法ではないのですが装飾に関しての記述はCSSに…、というのが推奨されています。 せっかく外部CSSを利用しているのですからこちらにすべてまとめた方が管理しやすくなります。 （例えば出現個所の class="menu" 内のリストは） .menu li { font-size: -1pt; //単位が判らないのでとりあえず margin: 0px; padding: 0px; list-style-type: none; } となると思いますよ。 こちらでもソースを借りてローカルのサーバーでテストしましたがXHTML（2番目の方法）で表示出来ました。 （Vista/ IE8・ChromiumのIEタブ[＝IE7]） ファイルはテスト後に破棄しました。
お礼
いろいろ丁寧に教えていただきありがとうございました。 大変感謝してます。 また何かありましたら教えて下さい。
補足
ありがとうございます！ 表示されました。 いろいろルールがあるんですね。 知らない事ばかりで本当に勉強になりました。 詳しく教えていただいて感謝しております。 また分からない所は教えて下さい。 ありがとうございました。
- fab76
- ベストアンサー率59% (327/548)
エラー個所を見つけるときはここ http://validator.w3.org/ を使います、htmlファイルなら"Validate by direct input（直接入力）"タブにページのソースを貼りつけてチェックを行います。 （英文だけどエラー個所が赤字で表示されます） ざっと分かる範囲だけだけど…、 ・1行目と2行目 HTML 4.01 Transitionalで <html xmlns= ～ "> 属性は具合悪いので2行目を <html lang="ja"> とします。 CSSダウンロードの件は多分 ・10行目の最後のバックスラッシュが余計なので rel="stylesheet" type="text/css"> とします（違うかな？） で、ほとんどのimgに対してのスタイル指定にも最後のバックスラッシュが余計なので同様に削除。 （47～54行目、他多数） これとは別に2行目が <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> であれば1行目を <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> とすることでバックスラッシュの件はクリアできるんだけど、 大文字の記述があったりfont属性が出てきたりが多数あるので修正する必要がある。 どちらかというとこちらの方が簡単かもしれない、が修正は同じか？ オリジナルをコピーして別ファイルを作成して試してください。
補足
教えていただいてありがとうございます。 一つ目の方法で試しましたが表示できませんでした。 二つ目の方法を試そうと思いますが、大文字・font属性の事が よく分かりません。 これは大文字を小文字にすればいいのでしょうか？ 教えていただけるとありがたいです。 よろしくお願いします。
- takas223
- ベストアンサー率22% (299/1308)
参考に、XPのSafariブラウザではしっかりと表示されますね。 Indexだけ拝見しました。 内容はあっているようですが、IE本来の問題かもしれません。 IE7はどうですか？ 8は出たばかりで、ラグがあるかもしれませんよ？ Index.htmlとcssファイルの関係（相対的な位置とか）も見てみるとどうでしょうか？ 同階層ですか？ でも、サファリでは表示されるので間違ってはないのでしょうね、、、、
補足
ありがとうございます。初心者なのでIndex.htmlとcssファイルの関係や階層の調べ方が分かりません。何か調べる方法があれば教えていただけるとありがたいです。（IE7で調べてみたいと思います。）
お礼
ありがとうございます！ 確認したら、確かにその通りでした。 kogao.cssはサーバーから削除したらOKでした。 それと、 ＞左ブロックの商品メニュー（#left ul.menu）のTextがfont属性の削除で ＞ボックスを超えていますので調整が必要です。 ＞（style11.css 272行目の#left ul.menu内、 padding-right: 0px ; ＞font-size : 12px ; の調整で大丈夫だと思います） これを入れたらきれいに表示されました。 これからもっと勉強していきたいと思います。 いろいろとありがとうございます。