この人頭いいなと思ったエピソード

IE8でHPを表示されるようにしたい!

ご覧頂きありがとうございます。

今までのHPをリニューアルしようとして、
新しくメモ帳でhtmlタグを使いHPを作り、
FFFTP経由でサーバーにアップロードしました。

アップロードは上手くいったのですが、いざ接続してみると
画面は真っ白で、表示されませんでした。
ホスト側では全く問題なく見れます。

いろいろと試してみましたが、上手くいかず、
サーバー管理者にメールで問い合わせしたところ、

InternetExplorer8のブラウザで閲覧すると
真っ白なページが表示される状態となっておりますが、
他のブラウザでは正常に閲覧が可能となっておりました。

申し訳ございませんが
ホームページ作成上で発生した不具合には
こちらでは対応出来かねますので
予めご了承頂きます様お願い致します。

InternetExplorer8のブラウザでも閲覧が可能となる様
お客様側で修正をお願い致します。

と返信がありました。
IE8で表示されるようにするタグみたいなものがあるのでしょうか?
また、どのような修正をすれば表示されるようになるのでしょうか?

ご回答のほどよろしくお願いいたします。

A 回答 (7件)

ソースの開示有難うございました。


他の皆さんが指摘してる通り、DWにてソース開くと、コード記述の間違いが多数指摘があります。
通常のテキストエディターでソース書くと コードの間違いは指摘してくれませんので
素直にHTMLエディターを導入されたほうがいいと思います。
特にご商売で使われるなら、なおさらです。

この回答への補足

相談者です。

無事に表示されるようになりました。

otaku37564様、DOUGLAS様、stpopo様、hujitomo様、誠にありがとうございました。

この場で失礼とは思いましたが、御礼をさせていただきました。

補足日時:2010/04/27 19:10
    • good
    • 0
この回答へのお礼

いろいろとありがとうございました。

初心者とはいえ、あまりのミスの多さに絶句しました…。

今後はエディタを導入しようと思います。

また、相談箱にひっそり投稿してたりするかもですが、

その際はまた、ご教授よろしくお願いします。

お礼日時:2010/04/27 19:03

#2 DOUGLAS_ です。


 ソース を拝見いたしました。

 先ず、DOCTYPE宣言 の中で
~~ XTHL 1.0 ~~ w3org/TR/xhtml/DTD/xhhtml1 ~~

~~ XHTML 1.0 ~~ w3.org/TR/xhtml1/DTD/xhtml1 ~~
ではありませんか?

 せっかく DOCTYPE宣言 されるのでしたら、手打ちではなくて、こういう決まり文句は、ちゃんとした WEBページ から コピペ して、単語登録でもされることをお薦めいたします。


 次に、
>新しくメモ帳でhtmlタグを使いHPを作り
についてですが、

1)「Crescent Eve」という シンプル な テキスト・html エディタ の フリーソフト
http://www.kashim.com/eve/
があります。

2)これに、お示しの ソース を貼り付けます。

3)添付画像 のように「XHTML 1.0 Transitional」を クリックします。

4)次に、[F7] キー を押下すると、「XHTML 1.0 Transitional」の文法に基づいて、[ツール(T)] - [文法チェック] を行なってくれ、
◆ 8行: 要素styleには、属性typeが必須です。
◆36行: コメントが閉じられていません。'-->'が必要です。
◆36行: /styleが必要です。(⇒8行目参照)
◆36行: /headが必要です。(⇒3行目参照)
◆36行: /htmlが必要です。(⇒3行目参照)
【 文法チェック結果: ◆エラー 5, ◇情報 0 】
という エラー が表示されます。

5)一番の問題点は、#4 さんがお書きの「スタイルシートのコメントアウト」のようですね。

6)これを訂正すると
◆ 8行: 要素styleには、属性typeが必須です。
◆28行: /aの前に、/imgが必要です。
◆33行: /centerの前に、/h2が必要です。(⇒22行目参照)
【 文法チェック結果: ◆エラー 3, ◇情報 0 】
となりました。
「IE8でHPを表示されるようにしたい!」の回答画像6
    • good
    • 0
この回答へのお礼

貴重なお時間を頂きありがとうございました。

これからは、お勧めのエディタを使用して、ミスをなくすようにいたします。

本当にありがとうございました。

お礼日時:2010/04/27 18:59

こんにちわ



スタイルの閉じタグがひっかかってたようですね。

--!>で閉じるのではなく、
-->で閉じるのが正解です。
これでIE8で表示できるようになりました。

ただ、その他にも所々、変なタグが混じってます^^;
No.4さんのタグを参考に一度、再考してみてはいかがでしょうか。。

タグの文法チェックするサイトがありますので、そちらでチェックするといいと思います。

参考URL:http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
    • good
    • 0
この回答へのお礼

ご返事ありがとうございました。

初歩的なミスでお手数かけてしまい、申し訳ありませんでした。

これからは文法チェックサイトも使用して、ミスなく作るよう心がけます。

誠にありがとうございました。

お礼日時:2010/04/27 18:56

なんだかよく解らないスタイルシートのコメントアウトがネックになってるだけだと思うなぁ?( --!> ←なんだこれ? )


文書型に xhtml を採用するくらいなら、いい加減スタイルシートに未対応なブラウザの事は考えなくてもよいのでは?と個人的には思うのですが如何なものでしょう。
というよりスタイルシートを外部ファイル化してしまえばすむ話なのですけどね。

一応その他諸々の修正を加えたソースを下に張っておきます。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XTHL 1.0 Transitional//EN"
"http://www.w3org/TR/xhtml/DTD/xhhtml1-transition …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=shift_jis" />
<meta http-equiv="Content-Style-Typt" content="text/css" />
<meta name="keywords" content="杏堂, あんずどう,クラフト,anzudo,anzu-do" />
<meta name="Robots" content="anzudo,anzu-do,craft,杏堂,あんずどう" />
<style type="text/css">
/*ページのレイアウト*/
.bdr{text-decoration:none; border:none;}
a:hover {position: relative; top: 2px; left: 1px;}
p{text-align: center; font-size: x-large; font-weight: bold;}
</style>
<title>Anzudo Top</title>
</head>
<body>
<p>
御来店頂きありがとうございます <br />
皆様にさらに楽しんでいただけるよう<br />
只今ホームページをリニューアル中です<br />
まだまだ作業中ですが、一部ご覧いただくことができます
</p>
<p>
<a href="enter.html"><img src="images1/r_anzudo.gif" class="bdr" alt="enter"></a>
</p>
<p>
お店の営業は通常通り。水・木・金(10:00~15:00)<br />
(第2・4)土(10:00~17:00)
</p>
</body>
</html>
    • good
    • 0
この回答へのお礼

ご返事・修正ソースの掲示、誠にありがとうございます。

貼り付けていただいたソースを参考に直してみたら、しっかり表示されました!

なんとも初歩的なミスを連発していたので恥ずかしい限りです。

前に作成した、表示されていたindex.htmlのタグを見たら、-->でコメントが閉じられていました。

勘違いして、!を付け加えたのでしょう・・・。

これからは、他の方も仰せのとおり、エディタを使ってミスなく作るようにします。

本当にありがとうございました。

お礼日時:2010/04/27 18:53

こんにちわ



サイトの作成した後に、
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
というタグを
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
に変更しませんでしたか?

これをやるとIEのみ真っ白になるという現象が発生したことがあります。

そのときは1ページのみだったので、
「UTF-8」で最初から作り直してアップしたらいけました。

検討違いだったらすみません。。
    • good
    • 0
この回答へのお礼

ご回答いただきありがとうございます。

変更はしていないのですが…。

よろしければ、前の前の方のお礼の欄にソースを貼ってありますので、

ご覧になってください。

また、よろしければ、ご回答お願い致します。

お礼日時:2010/04/26 23:54

●ホームページが「真っ白」に表示される


http://www.724685.com/weekly/qa040630.htm
には、
>「インターネット一時ファイル」の削除で解決する場合があります。
と書かれていますが、「サーバー管理者」側でも
>InternetExplorer8のブラウザで閲覧すると
>真っ白なページが表示される状態となっております
ということでしたら、これは関係なさそうですので、下記でしょうか。

●ホームページが「真っ白」で表示されるのですが、何故ですか?
http://lib.city.shinagawa.tokyo.jp/FAQ_w.html#er …
 「日本語表示の設定」が問題のようですので、ホームページ の html タグ の中で
<meta http-equiv="Content-Type" content="text/html; charset=~~">
あたりを設定・変更されるとか。。。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。

返事がおそくなりすみませんでした。

ソースを、前に回答頂いた方のお礼に貼り付けて見ました。
お時間がございましたら、ご覧になってください。

><meta http-equiv="Content-Type" content="text/html; charset=~~">
あたりを設定・変更されるとか。。。

どのように変更すればよいのでしょうか。
ご教授ください。よろしくお願いします。

お礼日時:2010/04/26 23:51

別段と、普通に作れば8でも表示されますけど


とにかくソースを公開していただかないと、なんとも答えようがありません。

この回答への補足

相談者です。

相談箱の使い方を知らなくて、お礼に書き込んでしまい、

すみませんでした>< 

補足日時:2010/04/26 23:57
    • good
    • 0
この回答へのお礼

ご返事いただきありがとうございます。

返事が遅くなりましたことお詫び申し上げます。

さて、ソースなのですが、

<!DOCTYPE html PUBLIC "-//W3C//DTD XTHL 1.0 Transitional//EN"
"http://www.w3org/TR/xhtml/DTD/xhhtml1-transition …
<html> <head>
<meta http-equiv="Content-Type" content="text/html;charset=shift_jis" />
<meta http-equiv="Content-Style-Typt" content="text/css" />
<meta name="keywords" content="杏堂, あんずどう,クラフト,anzudo,anzu-do" />
<meta name="Robots" content="anzudo,anzu-do,craft,杏堂,あんずどう"/>
<style>
<!--
/*ページのレイアウト*/
.bdr{text-decoration:none; border:none;}
a:hover {
position:relative;
top: 2px;
left: 1px;
};
--!>
</style>
<title>Anzudo Top</title>
</head>
<body>
<center><h2>
御来店頂きありがとうございます <br />
皆様にさらに楽しんでいただけるよう<br />
只今ホームページをリニューアル中です<br />
まだまだ作業中ですが、一部ご覧いただくことができます<br />
<br />
<a href="enter.html"><img src="images1/r_anzudo.gif" class="bdr" alt="enter"></a>
<br />
<br />
お店の営業は通常通り。水・木・金(10:00~15:00)<br />
(第2・4)土(10:00~17:00)
</center>
</body>
</html>

となってます。お忙しいとは存じますが、
何卒、お力をお貸しくださいませ。

お礼日時:2010/04/26 23:47

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報