• ベストアンサー

全ての文字が自動的にセンタリングしてしまいます。

サイト全体を真ん中に表示させています。 それまで、<body>の直下に<center>タグがあってもきちんと左に文字がよっていたのですが 全ての文字がセンタリングしてしまうようになりました。 どこをいじったのか判らず、原因を考えているのですが、こういうことはあるのでしょうか。 フロントページ2003を使用しております。

質問者が選んだベストアンサー

  • ベストアンサー
  • KayMocha
  • ベストアンサー率72% (27/37)
回答No.2

 IE8で形が崩れるということですが、アップグレードして出たエラーでしょうか。だとすれば、エディターの誤操作ではないと思います。  centerタグはかなり前から非推奨要素になっており、新しいブラウザに対応していないのではないかと思います。  htmlはやはり簡潔で推奨要素の高いタグ構成がブラウザの影響を受けにくいので、この際centerタグを変更してみれば解決するかもしれません。わかりやすく説明されているページさんをリンクさせていただいています。  記述の通り、代わりに<div align="center"></div>に変えるか、もしくは<div style="text-align:center"></div>のようにスタイルを適用させれば、改善される可能性があります。

参考URL:
http://www.scollabo.com/banban/html/ref_center.html
toaiaioao
質問者

お礼

詳しく教えて頂き有難う御座います。 やはり、<center>タグが影響してしまうですね。 挑戦してみます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • KayMocha
  • ベストアンサー率72% (27/37)
回答No.1

 ソース全体を見てみないことには判断できませんが、ブラウザを変えていなくて急に変化が起こったのであれば、作成の途中にクリックなどで誤操作したものを上書きしてしまったのかもしれませんね。  自分はソフトでページ作成をしていないので、もしかするとフロントページに詳しい方がいらっしゃるかもしれませんが…。  <center>は</center>とセットになっているので、まずはその最後尾の方を探していただくほうがよいと思います。全体がセンタリングしてしまう以前のソースになぜcenterという表示があったのかにもよりますので。  以前は「center」表示があるのに左に文字が寄っていたということですが、body内のパラグラフなどセレクタ自体がcenterに寄っていて、その中身(文字)はleftから表示となっていたのだとすれば、 1) 今回、centerが機能している範囲が変わってしまった。→閉じかっこ</center>を探して元の位置に戻す。 2) center以上に強い影響の要素(CSSなど)が挿入されてしまった。→他のセンタリング要素を探して削除する。  などが可能性として考えられると思います。元に位置に戻ったらいいですね。  不安なことがあれば、また補足で質問してください。

toaiaioao
質問者

補足

丁寧なご解答有難う御座います。 ファイヤーフォックスやグーグルクロームで見ますとちゃんと表示されているのですが IE8で閲覧しますと、センタリングされてしまっております。 ヒントを頂き有難う御座います。 全頁の文字がセンタリングされてしまっておりますので、やはりcssに関する何かをいじってしまったようです。css自体は変更していないのです。また、閉じタグの位置も変更していません。 なにかほかに考えられることってあるのでしょうか。 悪戦苦闘しています・・・

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • センタリングしたページの印刷

    センタリングをしたページを作成していますが、印刷をする際(用紙方向縦)には左寄せで印刷できるようにしたいと思っています。 例としては、e-bankさんのトップページを考えています。e-bankさんのトップページを印刷プレビューしていただくとお分かりいただけるかと思いますが、ブラウザで表示される際はページ全体がセンタリングされていて、印刷する際はセンタリングが解除されて(??)、ページ全体が切れることなく印刷されます。 http://www.ebank.co.jp/ ただ、私が作成したhtmlファイルですと、印刷(プレビュー)した際も、センタリングされたままの状態で、左に余白がありページ(横幅700pix)が途中で切れてしまいます。 hemlファイルには、 ~前略~ <body> <center> <table width="700" border="0" cellpadding="2"> <tr> <td bgcolor="#993300">あ</td> <td bgcolor="#993300">い</td> </tr> </table> </center> </body> ~後略~ もしくは、 ~前略~ <body> <div align="center"> <table width="700" border="0" cellpadding="2"> <tr> <td bgcolor="#993300">あ</td> <td bgcolor="#993300">い</td> </tr> </table> </div> </body> ~後略~ と記述してセンタリングしましたが、どちらも印刷の際もセンタリングされたままでした。 どうしたらe-bankさんのトップページのように、左に余白が入らずページ全体が印刷されるようになるでしょうか…。ご存知の方がいらっしゃいましたら、宜しくお願いします。

    • ベストアンサー
    • HTML
  • センタリング表示

    イラストレータでデザインし、スライスしてCSSでWeb用に保存。 ホームページビルダー11で編集していますが、センタリング表示が出来ません。 下記のようなタグを入れましたがNGでした。 <body> <div align=”center”> ・・・ ・・・ ・・・ </div> </body> 次のタグでも同様でした。 <body> <center> ・・・ ・・・ </center> </body> なるべくテーブルにはしたくないので、解決策をご指導下さい。

  • 文字、センタリングの中での行頭左端揃え

    すみません、質問です。 文字(短文)をページの中央におきたいのですが 「センタリング<タグ>」を使うと *********** __******* ____*** *********** _********* __******* _********* (*が文字で、『_』がスペースです)。 ・・・とゆうようになります。 そうではなくて、ページの中央で 行頭をきちんとそろえたいんです。。 *********** ****** ******** **** ********* ***** といった具合に。。 これは leftmargin でやるしかないんでしょうか? leftmargineだと、正しい中央の値がわからないんです。 なので、センターでの文頭左端揃え、といった具合に したいのです。 お願いします。

    • ベストアンサー
    • HTML
  • bodyのセンタリングとwidthの指定について

    スタイルシートで以下のように指定しbodyをセンタリングします。 -----CCS----- html{text-align:center;} html,body{height:100%;} body{ margin:0px auto; width:580px; text-align:left; } -----HTML4.01 strict----- <html> : <body> <h1>・・・</h1> <ul>・・・</ul> <h2>・・・</h2> <p>・・・ <h2>・・・</h2> <p>・・・ ---------- これをwin IE6で確認すると、h2以下の内容がbodyの外(画面100%の直下)にはみ出します。 win Safari5でも同様です。 IE6では、body直下にコンテナとしてdivを置きwidthを指定してやれば解決します。 Safari5ではbody直下にコンテナとしてdivを置くだけで解決します。 なぜこのような現象が起きるのでしょうか? htmlにtext-alignを指定したりbodyを直接センタリングしているので不安は少々あるのですが…。 h2以下が下がる原因としてh1とulとの相違点(margin-topの指定や文字センタリング)を確認し修正してみたりしましたが解決はしませんでした。 なお、フロートや固定などの表示方法は指定していません。 原因を推察できる方、ぜひ回答お願いいたします。 こういった指定をしていないか、など上記の記述が足りなければご指摘ください。

    • ベストアンサー
    • HTML
  • DIVタグでの表のセンタリング

     ウインドウズXPプロ、ホームページビルダーV6.5でページを作成しています。エクスプローラーでの表示は全く問題ないのですが、ネットスケープ7.1やオペラ7.54で表示すると、DIVタグでセンタリングした表やHタグの背景がセンタリングされません。左寄りに表示されます。テキストや画像はセンタリングされています。  <DIV align="center"> や <DIV style="text-align:center"> ではネットスケープやオペラで表やHタグの背景をセンタリングすることは出来ないのでしょうか。

  • センタリング

    ご教授お願いします。 xhtml1.0 stricsとxhtml1.1でセンタリングをしたいのでですが、 よい方法はありますか?なお、左に項目を置くつもりなので body要素には適応したくないのですが>< 画像も文字も同時にまたは、別にセンタリングなどもできるのでしょうか? IE8/firefoxなどで同時に適応できたりも、するんでしょうか? 沢山質問をしてすみません><

  • ページ内のあらゆるオブジェクトを、すべて、センタリングで、一旦きちんと、真中に配置しても、

    ページ内のあらゆるオブジェクトを、すべて、センタリングで、一旦きちんと、真中に配置した時、ページ右端から、狭めてゆくと、普通はだんだん、消えてゆきますが、これが、パーセント指定などしてある時は、消えて行かないですよね、これが、真中の位置を維持したまま、消えないで、伸縮してほしいのですが、、、、 実際に、これを、実現をしようと思えば、ここに、<div align="center"></div> <p align="center"></p> <center></center> これらのタグを記述しないといけないのでしょうか ? それとも、一発の配置で、ページ内全てのオブジェクトに影響する、タグ記述の方法が存在するのか、教えてください。 (すいません、変な質問で。。。)

    • ベストアンサー
    • HTML
  • ホームページ全体のセンタリングは不可欠ですか?

    おはようございます。 現在あるホームページを運営しているのですが、ホームページ全体のセンタリングというのは不可欠なのでしょうか? 具体的には、Bodyタグの中に大きな<div>をつくり、そのdivをcssを使ってセンタリングするつもりです。 センタリングしない場合、何か不具合が発生することはありますか? 例えば、デザインが崩れるなどです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLでテキストエリアをセンタリングしたいのですが…

    サイトを運営しています。 (ビルダーを基に作りました) さて、写真と同様にテキストもセンタリングしたいのですが、テキスト エリア内において本文だけは左詰にしておきたいのです。 <CENTER></CENTER>では、すべてセンタリングされてしまいました。 ご教示のほど、よろしくお願いいたします。

  • CSSでセンタリングしたい

    こんにちは 現在デザインをCSSでWebサイトを構築していますが、どうしても分からないことがあります。 今まで、センタリングはcenter要素で行っていましたが、CSSではどのようにして行うのでしょうか。 ソニー : http://www.sony.co.jp/ のようにbody要素全体をセンタリングしたいです。 text-align :center はインライン要素専用ですので、ブロック要素ができるCSSはあるのでしょうか?Webブラウザに依存するJavaScriptなどのスクリプトは使用できません。

    • ベストアンサー
    • CSS