![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
No.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>
以上、サンプルタグ終わり。
参考URL:http://www.htmq.com/style/margin-left.shtml
たびたびありがとうございます。
実はトラブルの原因は、ファイルをメールで送ったためでした。
参考に従っていろいろ試したのですが、どうもうまくいかないので、夫のパソコンを調べたところ、ファイルの冒頭<!DOCTYPE HTML~>タグの前に、勝手に変なタグがついていました(もう消してしまったので、忘れましたが、このファイルはイーメールで送って保存しました、といった内容だったと思います)。それを除去したら、うまく表示されるようになりました。
いろいろアドバイスありがとうございました。今後もHTML文書作成上、何かと問題が起こる思うのですが、その際はよろしくお願いいたします。
No.3
- 回答日時:
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:http://p-grp.nucleng.kyoto-u.ac.jp/~honda/css.html
No.2
- 回答日時:
body{
text-align:center;
}
というスタイルシートで上手くいかない時は、ページの文章を
<p>文章</p>
という具合に p (パラグラフ)のタグで挟み、
p {
text-align: center;
}
というスタイルシートを適用してみてはいかがでしょうか。
文章とテーブル、文章と画像などが交互に配置されている場合は、文章ひとかたまりごとに pタグで挟みましょう。
参考URL
http://www.htmq.com/style/text-align.shtml
※なぜ、奥様のパソコンとご主人様のパソコンで表示が異なるのかという問題ですが、もしかして双方で使っているブラウザ(インターネットエクスプローラ等)の種類やバージョンが違っていませんか?
ブラウザの違いで表示が違ってくることは、好ましいことではないのですが、現実にはしばしば起こります。このため、ページ作成の専門家はいろんな種類のブラウザでテスト表示をしてみてタグを修正したりします。
> もしかして、画面の大きさとか関係ありますか?
画面の大きさは関係ありません。と言うか、画面の大きさを変えても設定したレイアウトが破綻しないようにタグを記述するのが基本です。
参考URL:http://www.htmq.com/style/text-align.shtml
この回答への補足
回答ありがとうございます。
参考URLも大変有用です。
ただ、教えてくださった方法では、また別の問題が生じてしまって・・・
というのも、私の質問文の表現がまずかったと思うのですが、私の悩みというのは、パラグラフを画面の真ん中に表示したいのに、左寄りになってしまうというものです。
教えてくださった方法だと、例えば1行15行として、
こんにちは。本日は晴天なり、晴
天なり。
という文章が、
こんにちは。本日は晴天なり、晴
天なり。
と変な表示になってしまいます。
ちなみに、私のパソコンも夫のパソコンも、OSはウィンドウズXPなのですが、それでもブラウザ等の違いで、表示に差異が出てしまうものなのですか?
とんちんかんな質問だったらすみません。
No.1
- 回答日時:
中央に表示されるはず ←これはタグを使ったのに無視されているのかしら。
もしタグを使ってないのなら、<center>文章</font> こちらのタグを使用してみて下さい。
もし使ってるのだったら的はずれなアドバイスですね。
その時はすみません。
この回答への補足
早速の回答ありがとうございます。
しかしながら、タグは使っております。
スタイルシートで、
body{
text-align:center;
}
のタグを使用しております。
しかも、スタイルシートそのものが適用されていないというのであれば、まだ原因が分かりそうなのですが、同スタイルシートで指定した背景色やテーブルの配置などは、きちんと表示されており、なぜか文章のセンタリングだけが、うまくいっていないのです。
もしかして、画面の大きさとか関係ありますか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows Me・NT・2000 widows xpのエラーで利用ができなくなりました 3 2022/12/21 13:43
- その他(メールソフト・メールサービス) Gメールについて質問 6 2023/06/14 18:02
- Windows 10 win10 立ち上げ時のエラー 1 2023/04/17 11:55
- ハッキング・フィッシング詐欺 サポート詐欺にまんまと引っ掛かってしまいました。 振り込んでしまったお金は学習したと思えば諦めも付き 3 2022/07/26 21:41
- Photoshop(フォトショップ) 「要求された操作を完了できません。プログラムエラーです」と表示されます 2 2022/07/17 01:26
- ノートパソコン パソコンに詳しい方、教えて下さい。 こちらは初心者です。 何のパソコンを買って良いのか?思案中です。 9 2022/07/24 21:19
- Excel(エクセル) Excelのセル上の日付の不具合 3 2022/05/22 18:20
- Firefox(ファイヤーフォックス) Firefoxでグーグルの検索画面が変です 2 2022/09/20 19:25
- Android(アンドロイド) 機種変更後のスマホで自宅wifiが繋がりません。 6 2023/06/20 14:35
- ホームページ作成・プログラミング chromeでhttpdを使うと 2 2022/03/23 10:54
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
外部CSSがFireFoxで反映されません
-
HTMLフォームのSELECTの幅を一...
-
テキストボックスの文字を右揃...
-
chromeだけbody直下に空白が開く
-
インラインフレームの表示位置...
-
CSSでh1とその下の文字との行間...
-
Formタグのブロックの高さについて
-
スタイルシートで枠を作る方法
-
ホームページ 背景二枚重ね ...
-
テキストボックスの様に文字の...
-
<p>タグ内の行揃えについて
-
なぜ左に寄っているの?
-
DIVボックス内でのCSSを使用し...
-
Dreamweaverで画面サイズを一定...
-
CSS(スタイルシート)で画像の縦...
-
htmlでテーブル内にテキストボ...
-
道路幅を調べたいのですが
-
エクセルでサイズ指定でPOP...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
なぜ左に寄っているの?
-
インラインフレームの表示位置...
-
text-alignの解除の方法
-
CSSでh1とその下の文字との行間...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
FireFoxで見るとブラウザの幅に...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
<legend>で表示されるタイトル...
-
INPUT TEXT内の文字位置を指定...
-
CSSで、height:100%の中央寄せ
-
CSSの設定
-
テキストボックスの様に文字の...
-
フッターだけが真ん中に行って...
-
スタイルシートでh1の属性行間...
おすすめ情報