- ベストアンサー
HPの文章が左寄りに・・・
今、夫の会社のHPを作っています。 で、私の作ったHPのファイルを夫のパソコンにメールで送ったところ、夫のパソコンの画面では、中央に表示されるはずの文章が左寄りに表示されてしまいます。 夫婦ともどもパソコン初心者で原因がわからず困っています。 これだけの情報では、アドバイスのしようがないかもしれませんが、原因の分かる方がいらっしゃれば、アドバイスをよろしくお願いします。 このままでは、サーバにアップロードするのがこわいです。
- HTML
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
No.2です。どの程度までご要望に添えるかはわかりませんが、簡単なサンプルタグを書いてみましたので、Windowsのメモ帳などにコピー&ペーストしてブラウザでテスト表示してみて下さい。 参考URL マージンの指定 http://www.htmq.com/style/margin-left.shtml ↓以下、サンプルタグです。 <html> <head> <title>ご主人様のパソコンでは?</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style> p { text-align: center; } div { margin-left: 20%; margin-right: 20%; } </style> </head> <body> <p>こんにちは。本日は晴天なり、晴天なり。</p> <div>回答に対する補足をありがとうございます。参考URLもご覧いただいたようで、お役に立てば何よりです。<br> ところで、私の提案したやり方だと、質問者様が思っていたイメージと若干異なるレイアウトになってしまうとの事ですが、つまり例えば映画のエンドロール(出演者やスタッフや音楽や衣装や撮影協力やその他もろもろを上下にスクロールするおびただしい文字列)みたいに何でもかんでも全てセンタリングという形ではなくて、ひとかたまりの文章内では左寄せみたいな形を取りながらも、全体としてはセンタリングになるようなレイアウトをご希望だったという事かと思います。<br> あらためて、このような形のレイアウトになるスタイルシートをアドバイスさせていただきましたが、さて、上手く活用していただけますでしょうか。</div> <br> <p>あらためてこんにちは。本日は晴天なり、晴天なり。</p> </body> </html> 以上、サンプルタグ終わり。
その他の回答 (3)
- goldfox
- ベストアンサー率49% (123/249)
IEは親切設計過ぎるのです。早い話がバグです。 私がつたない言葉で説明するより、参考URLを読んでもらったほうが、分かりやすいかと思います。 body { text-align:center; } p { margin:auto; text-align:left; width:250px; border:1px solid #000; } table { width:250px; border:1px solid #f00; } <p>こんにちは。本日は晴天なり、晴天なり。<br>本日は晴天なり、晴天なり。</p> <table> <tr><td>こんにちは。<br>こんにちは。こんにちは。</td></tr> </table>
お礼
回答ありがとうございます。 参考URLも大変役立ちました。
- 918BG
- ベストアンサー率48% (476/984)
body{ text-align:center; ｝ というスタイルシートで上手くいかない時は、ページの文章を <p>文章</p> という具合に p (パラグラフ)のタグで挟み、 p { text-align: center; } というスタイルシートを適用してみてはいかがでしょうか。 文章とテーブル、文章と画像などが交互に配置されている場合は、文章ひとかたまりごとに pタグで挟みましょう。 参考URL http://www.htmq.com/style/text-align.shtml ※なぜ、奥様のパソコンとご主人様のパソコンで表示が異なるのかという問題ですが、もしかして双方で使っているブラウザ(インターネットエクスプローラ等)の種類やバージョンが違っていませんか? ブラウザの違いで表示が違ってくることは、好ましいことではないのですが、現実にはしばしば起こります。このため、ページ作成の専門家はいろんな種類のブラウザでテスト表示をしてみてタグを修正したりします。 ＞ もしかして、画面の大きさとか関係ありますか？ 画面の大きさは関係ありません。と言うか、画面の大きさを変えても設定したレイアウトが破綻しないようにタグを記述するのが基本です。
補足
回答ありがとうございます。 参考URLも大変有用です。 ただ、教えてくださった方法では、また別の問題が生じてしまって・・・ というのも、私の質問文の表現がまずかったと思うのですが、私の悩みというのは、パラグラフを画面の真ん中に表示したいのに、左寄りになってしまうというものです。 教えてくださった方法だと、例えば１行１５行として、 こんにちは。本日は晴天なり、晴 天なり。 という文章が、 こんにちは。本日は晴天なり、晴 天なり。 と変な表示になってしまいます。 ちなみに、私のパソコンも夫のパソコンも、OSはウィンドウズXPなのですが、それでもブラウザ等の違いで、表示に差異が出てしまうものなのですか？ とんちんかんな質問だったらすみません。
- myume
- ベストアンサー率25% (622/2471)
中央に表示されるはず ←これはタグを使ったのに無視されているのかしら。 もしタグを使ってないのなら、<center>文章</font> こちらのタグを使用してみて下さい。 もし使ってるのだったら的はずれなアドバイスですね。 その時はすみません。
補足
早速の回答ありがとうございます。 しかしながら、タグは使っております。 スタイルシートで、 body{ text-align:center; ｝ のタグを使用しております。 しかも、スタイルシートそのものが適用されていないというのであれば、まだ原因が分かりそうなのですが、同スタイルシートで指定した背景色やテーブルの配置などは、きちんと表示されており、なぜか文章のセンタリングだけが、うまくいっていないのです。 もしかして、画面の大きさとか関係ありますか？
関連するQ&A
- モニター左寄りのHPを中央に表示するには。
モニター左寄りのHPを中央に表示するには。 過去のディスプレイモニターの縦横比は、4：3だったと思いましたが、 近年のディスプレイモニターの縦横比は、16：9とか16：10と、横に長くなっています。 その為、PCディスプレイでホームページを閲覧すると、 ホームページによって、中央に揃えて表示されてくるサイトや、 モニターディスプレイ左寄りに表示されてくるサイトなど、様々です。 自動的に中央に表示されれば、ちょうど目の前になり、見やすいのですが、 左寄りになるサイトは、首を右にせねばならず、閲覧しにくいのです。 この、左寄りに表示されるサイトが、自動的に中央に表示されるようにできれば、ちょうど視点が目の前になり、閲覧時に首を右に向けることもなく、見やすくなるはずです。 方法はございますか？ ブラウザは、ファイアーフォックスや、クロムです。 よろしくお願いします。
- 締切済み
- ブラウザ
- 画面文字が左寄りで困っています
systemcare6をアンインストールしたら、サイトの画面文字が左寄りに変わり（右画面は多くの余白あります）それに伴ってスクロール横の長さも変わっていました。そして、サイトによって表示される画面や文字の大きさだったりが変わります（以前は、こんなことありませんでした） 解像度をかまったり、スクロールをかまったりしてみましたが まったく直りません。特にスクロールの設定を変えてしまったからか 見にくくて仕方ありません。 ブラウザはChromeですが、以前はここまで左寄りにはなって いなかったので何でそうなったのかがよくわかりません。 希望としては、画面文字が中央に来て（Chromeは左寄りになるみたいですね？） スクロール回数少な目で画面が見れるようにしたいです。 パソコンに無知なのでわかり易く教えていただけると助かります
- ベストアンサー
- Windows 7
- HPを公開するときの位置について
HPビルダーでHPを作ったんですがインデックスを開いてみるとページが左寄りになってしまいます。中央にすることはできるんでしょうか？ すみませんが初心者なのでできるだけわかりやすく説明してもらえるとありがたいです。お願いします。
- ベストアンサー
- その他（ITシステム運用・管理）
- ＨＰの作成について
ＨＰビルダー１０を使ってＨＰを作ろうと思っています。 本も買ってみたのですが、いまいちわからないところがあります。 (1)表示される画面のサイズ １５インチの画面でＨＰを閲覧する人も、１９インチの画面で閲覧する人も いると思います。見る人の画面の大きさに関係なく画面のサイズに合わせて 自動的に表示できるように設定できないのでしょうか？ (2)表の中で文字を均等割り 表の中の文字の一部は中央に、一部は左寄せに、また一部の文章は枠の中で 均等に表示されるようにしたいのですが、そういうことは出来ないのでしょか？ (3)バックに表示される色を同じにしたい バックの色をどのページも全て同じにしたいのですが、 どういうわけか１ページだけ微妙に色が違います。 WORDのように色の数値を見るところはないのでしょうか？ (4)枠の大きさを揃えたい EXCELのように全ての枠を一度に揃えることは出来ないのでしょうか？ またその枠を固定させておくことは出来ないのでしょうか？ 文字を打ち込むたびにサイズが変わるので困っています。 (5)プレビューとページ編集では内容の表示のされ方が違う ページの編集できれいにレイアウト出来たと思い、プレビューページを見ると ずいぶん違った表示がされています。 同じにする方法はないのでしょうか？ (6)文字の一部が中央揃えになってしまう 左寄せの設定をしたはずの文章が、中央揃えで表示されてしまいます。 文末の５文字だけが中央揃えというのはおかしいので、左寄せにしたいのですが、 一体どうすれば左寄せになるのでしょうか？ WORDやEXCELしか使ってこなかったので、HPビルダーはあまりに勝手が違い 戸惑うことばかりです。 たくさん質問して申し訳ありませんが、一つでも結構ですのでお分かりの方がいらっしゃいましたら、 是非ご教授くださいませ。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- HPビルダー7でアップしたが左寄りに表示される
たくさんググりましたが分からないので質問させてください。 HPビルダー7でFC2にサイトをアップロードしたんですが、 背景画像、コンテンツなどすべてが左よりに表示されてしまいます。 背景画像だけでも中央にと思い、以下のように、 background-position : center;のみを追加しました。 BODY{ background-repeat : no-repeat; background-position : center; } div{ width:800px; / margin-right: auto; margin-left: auto; } するとやはり、背景画像だけが中央にあり、 画像やテキストは左よりです。 画像やテキストによってはあえて中央に置きたくないのもありますので、 コンテンツ全体（もちろん背景画像も）を中央にするにはどうしたらいいでしょか？ ＨＴＭＬ、ＣＳＳはある程度理解できます。 回答をよろしくお願いします。 使用アプリなど： ホームページビルダー７ Google Chrome Vista
- ベストアンサー
- ホームページ作成ソフト
- ＨＰ作成でトップページが表示されません
ＨＰ作成初心者です。 現在ＨＰを初めて作成し、サーバーへアップロードしているところです。 ところがサイトの確認画面を見てみると、「Ｉｎｄｅｘ of」という表示になり、トップページが反映されていません。 しかし、「Ｉｎｄｅｘ ｏｆ」のエラー表示の下に文字（私のホスト名）があり、そこをクリックすると表示したいトップページが現れるのです。 なぜ、トップページが一発で表示されないのでしょうか？ 詳しい方、教えて頂けないでしょうか・・・。 宜しくお願いします。 ちなみに、シリウスというソフトを使い、ＦＵＴＯＫＡサーバーにアップロードしようとしています。 シリウスの中で、ＦＴＰ設定の「アップロード先フォルダ」の意味も良く理解できていません。 サーバーから送られてきたメールのどれを入力すればいいのか・・・。 頭が混乱しています。宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- HPビルダー14でフレームありのHPを作成しているんですが使用している
HPビルダー14でフレームありのHPを作成しているんですが使用しているパソコンの画面で見ている HPのサイズや位置が違うパソコンで見るとＨＰ自体が左寄りになったり右寄りになったり サイズが大きくなったり小さくなったりしてしまいます。 違うパソコンでも同じような位置やサイズにＨＰを見えるようにするにはどうすれば宜しいのでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- HPのindexから違う画面へ
HPを作っていて、indexからメニュー画面にとびたいのですが、とべません。自分のパソコン上ではとべるのですが、アップロードしてWEB上で見てみるととべてないんです。何回も挑戦してみましたがお手上げ状態です。。 このような場合は何がいけないんでしょうか？初心者ですみませんが、教えて下さい。
- ベストアンサー
- HTML
- インターネットでＨＰを見ると表示が変なのですが．．．
何とかＨＰをアップロードすることができたのですが、自分のパソコンで見ると ちゃんと表示されているのですが、他の人のパソコンでみると絵と文字が 重なっていたり、変なところで改行されていたりします。 パソコンの画面のサイズによって表示が変わると聞きましたが、どのパソコン で見ても同じように表示される設定はどうしたらいいのでしょうか？ 因みに、ビルダーでＨＰは作成致しました。 教えて下さい。
- 締切済み
- その他(ソフトウェア)
お礼
たびたびありがとうございます。 実はトラブルの原因は、ファイルをメールで送ったためでした。 参考に従っていろいろ試したのですが、どうもうまくいかないので、夫のパソコンを調べたところ、ファイルの冒頭<!DOCTYPE HTML～>タグの前に、勝手に変なタグがついていました（もう消してしまったので、忘れましたが、このファイルはイーメールで送って保存しました、といった内容だったと思います）。それを除去したら、うまく表示されるようになりました。 いろいろアドバイスありがとうございました。今後もHTML文書作成上、何かと問題が起こる思うのですが、その際はよろしくお願いいたします。