- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：テンプレートで作成したWEBがずれて困っています）
WEBテンプレートで作成したHPがずれて困っています
このQ&Aのポイント
- 会社のイントラネットで部の紹介ページを作成することになりました。HTMLはわかるけど、テンプレートを使って作成したHPがずれてしまう問題が起きました。具体的にどこを直したらいいかわからないので困っています。
- 具体的に作成したHPは、上半分と下半分に分かれており、下半分は左右に二つのブロックに分かれています。文字化けなどはないのですが、全体が中心にあるのではなく、左上によってしまっています。
- 部長からは早くサーバーにアップするように言われていますが、どうにも解決策が見つかりません。他のテンプレートを試すべきか、具体的な修正方法があれば教えてください。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 全体が左に寄っている・・ということなら・・・。 １．スタイルシートの変更 body { xxxx:xxxx; xxxx:xxxx; ★ } という箇所を探し、 ★部分に、 text-align: center; を追加（これで、全体が中央に寄ります。） ２．HTMLソースを見る HTMLソースを開くと、</head><body>の次に <div id="XXXX">もしくは<div class="XXXX">というタグがあるはずです。 それが全体を囲っているタグですので、その"XXXX"の名前をスタイルシートで探します。 #XXXX（もしくは.XXXX） { xxxx:xxxx; xxxx:xxxx; width: xxx; ★ } 全体を囲む役割のものなら、上記のようにwidth: xxxx;が指定されていると思います。 ★の部分に、 margin-left: auto; margin-right: auto; text-align: left; を追加して下さい。 上記対策は、IE系とFirefox系の表示の違いをなくすために用いられる手です。 ソース＆スタイルシートを見ていないので、“これが正解だ”とは言えませんが、お試し下さい。
その他の回答 (1)
- rilz
- ベストアンサー率35% (5/14)
回答No.1
具体的な内容が無いと回答のしようが無いが、 大抵の素人がやるズレの原因はpositionの配置方法（基準位置）設定及び、 表示位置の指定の、top、bottom、left、rightを併用している場合、 作ってる時の画面が相手も同じ大きさで無い限りズレが生じる
お礼
とってもとってもわかりやすいご対応ありがとうございました。 早速試してみたいと思います。