ホームページが正しく表示されない。

質問

ホームページビルダー6で作成したホームページの表示が正しく表示されず困ってます。例えば、画像解像度最大の表示では、ちゃんと表示されても最小表示ではセンターが右の方にずれて表示され、最小表示でセンターを合わせて造ると逆に最大表示の場合は左側にずれて表示されます。以前作成したときは（Ｍｅで作成）どちらもちゃんとセンターで表示されてたのですが。どうしたら画像解像度を変更しても、ちゃんとセンターで表示されるのでしょうか？ブラウザはインターネットエクスプローラ6です。宜しくお願いします。

回答No.8

goboten · ベストアンサー

Ｎｏ７です。
質問者様の作成したホームページのアドレスを書いて頂いたものは、消されてしまったようです。
『個人情報開示の禁止』というやつですね。

かろうじて最初のアドレスは確認できましたので(『～'s room』というの)、そちらの感想を。

このホームページを見る限り、特に問題なく中央に表示されていますね。(一番上にあるJavaScriptは中央に配置されてないですが)

>表の中に別の表をつくり
>画面からはみ出たり文字がへんなところで折り返されたり
これに関してまず確認していただきたいのは、表の幅をきちんとピクセル指定しているかどうか、ですね。
(拝見させて頂いたページでは、【Profile】などがある表は、表全体の幅『４５０』、それぞれの列『１５０』の指定をされていましたね）

それと、文字の折り返しに関しては、表の幅いっぱいに文字を入力されていませんか？文字は何ピクセルという指定は出来ませんので、ある程度仕方ないかと。
例えば、拝見したページでも、【表示】【文字サイズ】を最大にすると、『韓国スターＢＢＳ』が『韓国スターＢＢ』で折り返されてしまいましたよ。(私の環境で)

ただし、確かに表の中に表を作成すると、環境によって意図しない表示のされ方にされる可能性は高いので、あまりお勧めはしないですね。ページ全体の作りを考え直された方がいいかもしれませんね。

>XPにアップグレードしたことも原因？
う～ん、これに関してはお使いのパソコンの型番などがわからないので何とも。ただ、当然XPに対応しているのを確認されてアップグレードされたと思いますので、大丈夫ではないかと。
Meの時も画面の解像度は、「８００×６００」で変更してないですよね？

であれば、XPにした事が原因というより、XPパソコン(画面の解像度が１０２４×７６８以上)が標準になったので、作成したホームページを色々な環境で見ることにより問題が認識できた、という事ではないでしょうか？

お礼

何度もご丁寧にありがとうございました。

回答No.7

goboten

ＮＯ６です。
さて、Ｎｏ６の回答をふまえた上で…

>最小画面で見ると画面が大きくなりすぎてスクロールバーで右にずらさないと全部見れません

これは当然です。
例えば、横幅１０００ピクセルの表を作成した場合、横幅８００ピクセルしか表示できない私の環境では、全て表示はできず、右にスクロールしなければ見ることはできません。

さて、次は確認です。
ＮＯ５で表を作成していただきましたが、表の幅はピクセル指定でしたか？パーセント指定でしたか？
【表の属性】の所で確認してください。

その上で、もう一度
『横幅：３００ピクセル』で『中央揃え』の指定をして下さい。(これも表の属性から。色や文字も適当に)

作成するときのウィンドウサイズ(確か、右上あたりの『Body』と書いてある所で変更できたはず)は、特に指定はありません。

その結果をＩＥで確認してください。『画面の解像度』を変更する必要はありません。とりあえず、ＩＥのウィンドウサイズの横幅を広げたり狭めたりしてください。

これで、きちんと中央に来るようでしたら、ＩＥなどの不具合はないでしょう。作られたホームページの内容をご確認される事をお勧めします。(表や写真などで、横幅が大きすぎるピクセルで、指定されているものがないかなど)

追記
ご質問者の今現在設定されている『画面の解像度』を書いて頂けますか？

それと、下記の回答を参考に、きっちりと用語を使い分けて頂けると助かります。(『最小』『最大』なども、８００×６００などの数字で)
そうして頂けると、適当な回答が出やすいと思いますので。よろしくお願いします。

お礼

いつもご親切にありがとうございます。どうやら原因は標準モードで作成しているにも拘わらず、表の中に別の表をつくり、そこへいろいろな画像やらロゴを勝手に配置してるのがいけないようです。結果的にどこでも配置モードと同じような状態になり、画面からはみ出たり文字がへんなところで折り返されたりしてたようで・・・。もういちど標準モードの雛形をもとに作り直すより他ないようです・・・。雛形から多少はずれて以前作成したものは問題なかったので（meで作製）XPにアップグレードしたことも原因でしょうか？
ちなみに画面の解像度は800ｘ600です。ご丁寧なご回答ありがとうございました。

回答No.6

goboten

ＮＯ５です。お返事遅くなりました。

>表のプロパティ
大嘘ですね。表の属性でした。

さて、パソコン用語が色々出てごちゃごちゃになってるので、簡単に説明だけしてみます。

まず、IE(インターネットエクスプローラ)の画面を最小化(あるいは閉じる)して下さい。デスクトップ上の何もないところで、【右クリック】【プロパティ】の【設定】タブをご覧下さい。
左下に『画面の解像度』の表記があると思います。画面にどれだけ表示できるかがわかります。
私の場合は、１０２４×７６８ピクセルですので、横に「１０２４ピクセル」縦に「７６８ピクセル」表示できるという事です。

では、ＩＥに戻りましょう。
今はモニタいっぱいにホームページが表示されていると思います。そこで、少し小さくしてみましょう。右上に３つ絵があると思いますので、バツの左隣、【元に戻す】ボタンをクリックしてください。少し小さくなったでしょうか？
この状態で、ウィンドウのふちの部分をドラッグすれば、ウィンドウのサイズを大きくしたり、小さくしたりできますよね。これが、『ウィンドウサイズ』です。ちなみに、このウィンドウをいくつも表示できるので、Windowsというそうです。

さて、今度は最大化してください。画面いっぱいになりましたが、私の場合は左に【お気に入り】を表示しているので、ホームページが表示されているのは、およそ「８００ピクセル」ほどだと思います。

さて、今表示しているこのページは左右の余白がなく、画面いっぱいに表示されているはずです。これは、右側の広告部分を除いて、残りのウィンドウで表の横幅が１００％になるように作られているからです。
(ウィンドウサイズの横幅を広げたり狭めたりすれば、どのように変化しているかわかるはずです)

次に、gooのトップページを見てみましょう。
http://www.goo.ne.jp/
同じように、ウィンドウサイズの横幅を広げたり狭めたりしてみましょう。先ほどとの違いがお分かりかと思います。
gooのトップページでは、横幅がおよそ８００ピクセルで最適化されているようですね。ヤフーでもそうですね。
http://www.yahoo.co.jp/

以上のように、初めから横幅のピクセルを決めてしまったページや、このページのように表を画面の幅のパーセントで指定したり(例えば、５０パーセントで指定した場合は、横幅が８００ピクセルあれば４００ピクセル分、１０００ピクセルあれば５００ピクセルの表示になる)と、色々なホームページがあるという事です。

・・・たぶん、他の人は誰も見ていないと思って、やりたい放題ですね。すみません。不快になりましたら、もう見放してやってください。

お礼

いつもご親切にありがとうございます。どうやら原因は標準モードで作成しているにも拘わらず、表の中に別の表をつくり、そこへいろいろな画像やらロゴを勝手に配置してるのがいけないようです。結果的にどこでも配置モードと同じような状態になり、画面からはみ出たり文字がへんなところで折り返されたりしてたようで・・・。もういちど標準モードの雛形をもとに作り直すより他ないようです・・・。雛形から多少はずれて以前作成したものは問題なかったので（meで作製）XPにアップグレードしたことも原因でしょうか？
ちなみに画面の解像度は800ｘ600です。

回答No.5

goboten

ＮＯ４です。
>当方のパソコン８００Ｘ６００が古いのでＸＰ（アップグレードした）に対応してないのでしょうか？

これは考えにくいですね。
というのも、ご質問者のパソコンの不具合でセンターに表示されないにしても、ご友人のパソコンで左側にずれる理由が説明できません。

>表をつくりその中で真ん中に来るように

ではなく、「表を」真ん中に配置してください。
表のふち辺りで右クリックして【プロパティ】を選択してみて下さい。その時に、『表のプロパティ』とボックスの上(青い部分)に表示されているのを確認し、そこで「中央配置(中央揃え)」にチェックしてもらえますか？

前から気になっていたのですが、きちんとセンター指定が出来ているかが、こちらでは確認できませんので。

それと、２点ほど確認していただきたいのですが、
１．『あ』という文字を入力し、中央に配置(中央揃え)
２．表を作成して、中央に配置(中央揃え)

両方ともビルダーで作成してください。２に関しては、表の横幅を短めにして、枠線を太くするなり色を付けると見やすいかと。
この２点をそれぞれ保存して、お友達のパソコンと見比べてみてください。

これでもずれて表示されるなら、ビルダーのソフトの不具合が出てるのかもしれません。ビルダーを一度アンインストールした方がいいかもしれません。
(ちなみに、ビルダーＶ.６はＸＰにも対応していますね）

最初にこの２点を確認してもらうべきでしたね。
申し訳ありません。

お礼

ご丁寧にありがとうございます。
どちらもロゴも同じ大きさ（ピクセル）で画像も同じ大きさですが・・・800ｘ600で見たときセンター位置が大きくずれてます。基本の表からどこかはずれているのでしょうか？もう一度標準モードの雛形どおりやり直します。

補足

何度も有り難うございます。、「表を」真ん中に配置して表のふち辺りで右クリックしましたが【プロパティ】なるものはありませんでした。『あ』という文字を入力し、中央に配置(中央揃え)
２．表を作成して、中央に配置(中央揃え)も試してみましたが結果はやはり画面の解像度を変えると大きくずれていました。最大画面で作成して最大で見るようにするしかないようです。それを最小画面で見ると画面が大きくなりすぎてスクロールバーで右にずらさないと全部見れませんが、我慢するしかないようです。同じく標準モードで作成した、別のホームページは最大、最小に拘わらずちゃんと全画面が表示されセンターもずれてないので原因がわかりません。ビルダーも再インストールしましたがだめでした。IEを再インストール試みましたが最新のバージョンがインストールされているので・・・エラーメッセージがでました。

回答No.4

goboten

ＮＯ２です。
他の回答者の方の話と補足説明を拝見しました。

ウィンドウサイズ(画面の解像度・ディスプレイ解像度)を最大(１０２４×７６８あたり？)で作った場合と、最小(８００×６００あたり？)で作った場合の表示のずれを質問されているのでしょうか？

それなら、おそらく下の図のような現象が起こっているのでは。

・最小　　　　　　　　・最大　
　＿＿＿　　　　　　　＿＿＿＿＿
｜　　　｜　　　　　｜　　　　　　　｜
｜　あ　｜　　　　　｜　　　あ　　　｜
｜＿＿｜　　　　　｜＿＿＿＿＿｜

　　↓　　　　　　　　　　↓
　＿＿＿＿＿　　　　＿＿＿
｜　　　　　　｜　　｜　　　　｜
｜　あ　　　｜　　｜　　　　あ
｜＿＿＿＿｜　　｜＿＿＿｜

上では、『あ』の位置はだいたい真ん中にあります。しかし、下になると左側・右側それぞれにずれてしまっています。
注意していただきたいのは、『あ』の位置は上下とも変わっていないという事。変わったのは、箱の大きさの方です。

解決方法としては、真ん中にしたい対象を中央揃え(中央配置)してやれば、どのウィンドウサイズで表示してもセンターに表示されます。今作っているページをそのまま中央におきたいのであれば、表を作ってその中に全てのページ内容を入れて、その表を中央揃え(中央配置)の指定をしてやればいけるはずです。

あるいは、ＸＰのパソコン用に初めから１０２４×７６８のウィンドウサイズで作るのもありかと。昔は８００×６００が一般的でしたが、今はほとんどのパソコンがＸＰですから。

質問者さんのパソコンスキルがどの程度かわからないので、勝手に解釈してお答えしましたが、見当はずれの回答でしたら、そのまま読み飛ばしてやって下さい。

追記
ちなみに、画像解像度とはそのまま『画像』の解像度です。写真などの画像の密度を意味する言葉です。

補足

丁寧なご説明、有り難うございました。ご指摘の通りです。画像解像度は間違いで画面の解像度でした。申し訳ありませんでした。表をつくりその中で真ん中に来るようにやり直しましたが、やっぱりダメでした。当方のパソコン８００Ｘ６００が古いのでＸＰ（アップグレードした）に対応してないのでしょうか？

回答No.3

arl_may

画像解像度＝ディスプレイ解像度
だと解釈すると、

ディスプレイ解像度の設定値によって
センター指定したはずの要素の表示が左右にずれる。
なんとかならないか、という事だろうか。

回答No.2

goboten

私も「画像解像度」の意味が良く分からないのですが・・・

単純にセンター揃えになっていないとか？どこでも配置モード(？)で単に「真ん中辺り」に置いているだけとか。そこら辺はもう確認済みですよね。

補足

画像解像度は画面のプロパティで最大か最小の表示のことを言ってるつもりなんですが・・・。標準モードで作っておりますが、解像度を最小で作ったのですが、（自分のパソコン）最大表示の画面（友人のパソコン）では思いっきりセンターからずれてます。なにか設定方法でもあるのでしょうか？

回答No.1

N1K2

ホームページビルダー6は持っていないのですが・・・

う～ん、「画像解像度」の意味が分からないよぉ。