- ベストアンサー
HP、OSの違いで表示出来ないのは何故でしょうか?
Yahooのgeocities内に初めてホームページを作成した、初心者です。 Windows XP 搭載端末でホームページを作成し、不完全ながらもある程度の形になったのでデータをアップしました。 そこで、Windows 7 搭載端末でそのHPを見ると、表示が変になっていました。 何が変化というと、 文字列が全て、左寄りになっている。 画層が一部表示しない。 等です。 いずれも、XP機では正常に表示されていますが、セブン機ではダメなのです。 何故、OSによってその様な違いが発生するのか? 改善するには、どうすれば良いのでしょうか?
- ruduu-roon
- お礼率53% (8/15)
- その他（インターネット接続・通信）
- 回答数3
- ありがとう数7
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
念のため、他の(Web標準)ブラウザでの表示も確認してください。 自分のウェブサイトがあるのですから当然されているとは思いますが・・ firefox,Chromeくらいは最低限、そしてIEtesterも・・ 原因は、IEが互換モードで動作している状況だと思われます。 ★互換モード 以前、Microsoftは、他のブラウザを排除するために、OSに無料でIEを搭載し、IE独自仕様によってのみ表示できる戦略をとりました。その後、それではWindows以外のOSでは利用できない問題がでてきて、Web標準が推奨されるようになりました。1999年のHTML4.01の勧告以後ですね。その後、CSS2の勧告と共に世界はWeb標準に向かいましたが、IEはその後遺症から、過去のIE向けに作られたサイトを表示するために[互換モード]に縛られてきました。 たぶん、あなたのサイトは互換モード前提になっています。 標準モードで動作させるためには、HTMLの最初を、あなたのHTMLがtransitinalなら <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> としなければなりません。そうすると、WindowsXP＋IE8でも、最新のブラウザと同様になるはずです。【崩れるということ】 それが、正しい動作ですから、サイトを作り直すことになるでしょう。 せっかくですから、HTML4.01strict・・ 「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」 で作り直しましょう。transitinalは過去との互換のためですから、いくらなんでも見切りをつけて良いでしょう。HTML5にはtransitinalはありませんから・・ DOCTYPEは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> そして、これを書いて Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) の右上のDATA入力でテストすれば、何処を直せばよいか提示してくれる。
その他の回答 (2)
- te2kun
- ベストアンサー率37% (4556/12165)
OSではなく、ブラウザーって呼ばれるウェブサイトをみるソフトのバージョンにより多少表示が異なる場合があります 最近になりIEはウェブ標準化になっていますが、以前のIEはIE独自のものであり互換性はなくレイアウトが崩れると言うことがありました。 IEでは、互換モードで崩れないように表示されるようになったりします Windows XPのIE8（アップしなければなりません）とWindows7でIE8（デフォルト）だと、どのようになりますか？ 崩れなければ、OSによるものではなく、ブラウザーのバージョンにより発生するものであるってことです Windows XPのIEは 6（デフォルト）/7/8 Windows７のIEは、 8（デフォルト）/9/10/11（最新） となっております IE8とIE9では、異なるものです ウェブ標準化のIE9以降とかにあわせてサイトを作る IE以外のFirefoxやChromium系でもレイアウトがそれほど崩れなく表示出来る IE8以前は、切り捨ててもよいでしょう。 VistaはIE9対応していますので IE8までしか対応出来ないOSは、XPのみで2014年4月でサポートが終了するので切り捨ててもよい時期です。
お礼
ご回答ありがとうございます。 Windows XPのIEは、8 Windows７のIEは、10 です。 多少の崩れならまだしも、え？っと思うぐらいの違いなので困っています。 もう少しがんばってみます。
- maiko0318
- ベストアンサー率21% (1483/6969)
ホームページに使われる言語である「HTML」というのは中間言語なのです。 表示したい内容を事細かに設定すると画面の解像度などによって 表示したいものが切れてしまったりします。 そこで、「表示したいもの」だけPCに送り、「どう表示するか」については PC側に委ねられています。 OSやブラウザー、HTMLのバージョンによって表示が違うのはそのためです。 解決策は、OSやブラウザを指定すること。OSはXPで、ブラウザはFireFoxで、とか。 できなければどの環境でも同じように表示できるか確認しながら作ることです。
お礼
ご回答ありがとうございます。 まだまだ道半ばですががんばってみます。 ありがとうございました。
お礼
ご回答、誠にありがとうございます。 先日の文字コードも変更したのですが、改善せずまだまだ勉強が足らないようです。 当初は、下記のように書いていました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> しかし、今回ご指導通りに <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> と書きました。 現状 Win XP+IE 8 , Firefox は、正常表示 Win 7 + IE 10 は、文字位置ずれ、画像一部表示不可 Chrome , Android は、文字化け、画像は問題なし という状態です。 また、ご教授いただいたサイトでチェックさせていただいたところ、 不備が60カ所も出てきました。 何処が悪いのかは書いてくれるのですが、どの様に修正すればよいのかがわからない部分が殆どで、 自分の実力の無さを痛感しました。 もっと勉強しないと駄目ですね。
補足
教えて頂いたサイトで確認し、他のサイトでもタグの使用方法などを調べつつ、表示のおかしな部分は解決できました。 また、文字化けにつきましても、私の記述ミスでした。 色々と教えて頂き、ありがとうございました。