• ベストアンサー

文章全体は中央配置で、文字は左揃え(テーブル使用以外で)

タイトルの通り文章のかたまりは中央に配置して、その文章自体は左でそろえる方法を探しています。 テーブルを使う方法はわかるのですが、できればテーブルは使いたくないのです。 ここで検索してみましたら同じような質問がいくつかありましたが、どれも答えがテーブルを使ったものでしたので新しく質問させていただきます。 スタイルシートでこのようにするにはどうすればいいのでしょうか? やはり左右のマージンなどを駆使するしかないですか?

  • HTML
  • 回答数1
  • ありがとう数2

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

  • ベストアンサー
  • ao_
  • ベストアンサー率33% (15/45)
回答No.1

bodyにtext-align:centerを指定して、その子要素(コンテンツ全体を囲うdiv)にtext-align:leftと左右のmarginをautoに指定します。 何度も使っているので大丈夫です。

mammaaiuto
質問者

お礼

ありがとうございます。 確かにできました~☆ここ数日ずっとわからなくて悩み続けてたのがアホみたいです(^-^; でもいろいろ詳しくなれたのでよかったかも

関連するQ&A

  • dreamweavweでテーブルを中央に配置するようにしたのにsafariは左による

    dreamweavweでテーブルを中央に配置するようにcssでもテーブルの設定でもなにもかもしたつもりです。そのたと見てみるとsafariだけがテーブルがセンターにならず、左によります!お手上げです!なぜかわかりません何か方法があるのでしょうか?

  • DreamweaverMX2004でのテーブルの縦横中央配置について

    失礼します。 以前、Dreamweaver MXを使っていて、縦横100%のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのHPの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。 これはMX 2004のバグなのでしょうか? もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。 ちなみに7.01のアップデータもあててあります。

    • ベストアンサー
    • CSS
  • cssでテーブルを中央配置にするには?

    よろしくお願いします。 テーブルを中央配置にしたいのですが、 <center>、<div align="center">は、W3Cの非推奨タグであるため、代替方法として、<div style="text-align:center">を使用してみたのですが、うまくいきません。 <body> <div style="text-align:center"> <table> <tr> <td>あいうえお</td> </tr> </table> </div> </body> としたとき、WinXP IE6.xではテーブルが中央に配置されるのですが、WinXP Netscape 7.x では中央に配置されませんでした。どなたか解決策をご存知でしたらご教授願います。よろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページを中央に配置(表示)したい

    ドリームウィーバーを使っています。作ったDivタグを中央に配置したいと思い、cssルールで、「ボックス」の「マージン」の左右をautoにしました。すると、safariではうまく中央表示されるのですが、firefoxでは左揃えになってしまいます。どうしたらいいか、教えてください。

  • ボックスをテーブルを使わず中央に表示する方法

    こんにちは。 さっそく質問ですが、ボックスをテーブルを使わずスタイルシートで中央に表示する方法はないでしょうか? marginの指定では左右しか中央揃えされず、悩んでおります。 同じような質問がいくつもありましたが、テーブルを使っての方法でした。 テーブルを使わずどうしてもボックスを中央に表示したいのですが、やはり正確に中央に表示することは無理なのでしょうか? 画面サイズを変えても中央に表示されるようにしたいのですが…。 何か方法があればよろしくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaver MX 2004でのテーブルの縦横中央配置について

    失礼します。 以前、Dreamweaver MXを使っていて、縦横100%のテーブルの中に中央配置したテーブルを置くことによって、ブラウザ上でのHPの中央配置が可能だったのですが、MX 2004にしてから、同じように作業をしても左右は中央配置になるのですが、縦だけがどうしても上詰め配置になってしまします。 これはMX 2004のバグなのでしょうか? もしこれを解決する方法があれば、教えてください。よろしくお願いいたします。 ちなみに7.01のアップデータもあててあります。

  • HTMLでテーブルをfloatで中央配置に並べたい

    よろしくお願いします。 floatを使ってテーブルを横に複数個並べているのですが、全体が左に寄ってしまいます。 並べたテーブルすべてを中央に配置するにはどうしたらよいのでしょうか。 テーブルとテーブルの間の隙間を固定にしたいので、マージンは固定です。 ■HTML <body> <table><tr><td>TEST1</td></tr></table> <table><tr><td>TEST2</td></tr></table> <table><tr><td>TEST3</td></tr></table> </body> ■CSS table{   float: left;   width: 100px;   border: 1px solid #000000;   margin: 0px 10px 0px 10px; } よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • absoluteで配置している何枚もの画像を全体的に中央揃えにする方法

    absoluteで配置している何枚もの画像を全体的に中央揃えにする方法はありますか? マージンを設定しても一番上の画像(恐らくparent要素?)だけにしかマージンが適用されません。 全ての画像を中央にするためには画像一つ一つを動かすしかないのでしょうか? 因みに当方dreamweaverを使用しています。

    • ベストアンサー
    • HTML
  • 中央に配置されない

    dreamveaverでcssでもテーブルでも中央に配置するようにしているのにsafariではセンターに表示されない なにかテーブルをセンターにする方法はないのでしょうか? これ以上設定はあるのか?わからなくなってきました

  • スタイルシートによる支配を抜けるには?

    私の勤務先の自社サイトを、外部の業者がリニューアルしたのですが、その時にその業者が、全部で約200ページを支配する外部スタイルシートに、<TABLE>タグを使うと全て左に20pxマージンがつくような設定を入れてあるようです。 社長は、大規模なリニューアルはその業者に任せ、あとは自社で更新するという前提でこのリニューアルを行ったので、これからは私が更新して行かなければならないのですが、私はスタイルシートのことが殆どわかりません。 今、その外部の業者が設定したスタイルシートのおかげで、テーブルの中に更にテーブルを配置した場合など、内側のテーブルを競るの左にピッタリつけたいのに強制的に左側を20ピクセル空けられてしまいます。 業者が設定したスタイルシートをいじってその20pxマージンを0pxに変更してしまえば、私が今いじりたい部分は目的通りの配置で作れるのですが、もちろん、そのかわりに他のテーブルがみんな左に片寄ってしまい、これでは話になりません。 私が特例としてマージン無しで配置したいテーブルだけをスタイルシートの支配から除外するにはどうしたら良いでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう