【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.10022　ＸＰで確認すると

[ＯＺＡ] [ブラウザ]　 09/11/29 (日) 18:22

質問させていただきます。

当方ＶＩＳＴＡでＨＰを作成していたのですが、
友人のパソコン（ＸＰ）から閲覧すると画像やロゴなどがまるで表示されていませんでした。。。

我流で作成しているので
ＨＴＭＬ表記などもグチャグチャになっていると思います。。。
どこが間違っているのか見当もつきません。。。

一度見ていただけないでしょうか？

▼

▼

▼

　 No.10023　Re:ＸＰで確認すると

[atom] [ブラウザ]　 09/11/29 (日) 19:37

もう直されたのでしょうか？
私が見た感じ、特に大きな問題はなかったです。

私のパソコンはWindowsXP、InternetExplorer７（IE7）です。

ただ、ひとつだけ。
ソースの中に文字コード指定がありません。
そのため、トップページがいきなり文字化けしていました。

新しいブラウザ（InternetExplorerなど）は、文字コードがutf-8を標準にしてきています。
あるいはサーバーの環境などで勝手にUTF-8を標準にするようになってたりします。

Windows環境で作成すると通常sjis（Shift_Jis）で作成されてしまいますので、文字コード指定がなければ文字化けを起こす原因となります。

ただし、そのページで右クリックから「日本語（シフトJIS）」を選択すれば正しく表示されます。

metaタグで文字コードを指定するといいでしょう。
metaタグについてはここのサイトでも解説しています。

▼

▼

▼

　 No.10025　Re^2:ＸＰで確認すると

[ＯＺＡ] [ブラウザ]　 09/11/29 (日) 20:01

ありがとうございます。
文字コード指定してみました。

特に問題なければいいんですが。。。
もしかして画像のサイズが大きすぎたら
他のＰＣで表示できなかったりするのでしょうか？

何度もすみません。

▼

▼

▼

　 No.10026　Re^3:ＸＰで確認すると

[atom] [ブラウザ]　 09/11/29 (日) 20:52

基本的には画面からはみ出てもスクロールバーが出るので問題はないですが、煩わしいかもしれません。

デスクトップもノートも画面サイズが大きくなってますから、大きな問題ではないのですが、あまり大きな画面サイズでデザインすることは好まれません。

それと、そちらのページはほとんどがstyleで「position:absolute;」を指定してますが、本来ならあまり使わずページレイアウトを考えたほうがいいと思います。
「position:absolute;」は初心者向きですが、後でレイアウトなどを変更しようとしたとき、一から作り直さないといけないケースが多いです。

▼

▼

▼

　 No.10027　Re^4:ＸＰで確認すると

[ＯＺＡ] [ブラウザ]　 09/11/30 (月) 01:38

ありがとうございます。
そうですよねぇ。
結構手間かかります笑＞アブソリュート

シンプルに作ろうとは心がけているんですが。。。
精進します笑

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

▼

▼

▼

　一覧 / 詳細