解決済みの質問

CSSのDIV要素

CSSのDIV要素を使ってボックスを作ったんですが、
外部スタイルシートに書き込んで、下記のようにする方法はありませんか?

<center>
<DIV align="left">
</DIV>
</center>

ボックス本体を画面の中央に持っていき、内容は左揃えにしたいのです。
どなたか知っている方がいましたら、教えてください。

投稿日時 - 2006-06-23 23:03:01

QNo.2234307

困ってます

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

<DIV id="left">
内容
</DIV>

#left{ margin:auto; width:400px; text-align:left; }

これだけではIEで中央寄せにならないので、
body{ text-align:center; }
も加えます。

投稿日時 - 2006-06-23 23:28:40

ANo.4

1人が「このQ&Aが役に立った」と投票しています

[  前へ  |  次へ ]

ベストアンサー以外の回答(4件中 1~4件目)

ANo.5

align="left"は、divそのものを左に寄せると言う意味です。<center>は、このタグの中身を中央揃えにします。配置記述は、どこに記述すればよいのか迷いますよね。ただ、この書き方は推奨されませんので、#4さんの記述になります。

ブロック要素とインライン要素はわかりますか?
ブロック要素は「箱」、インライン要素は「中身」のようなものです。
「箱」を中央揃えにするときはmargin:auto;
「中身」を中央揃えにするときはtext-align:center;を
いずれも「箱」のタグのスタイルとして適用します。
提示の例だと、DIVが「箱」です。「中身」はテキストや画像です。

投稿日時 - 2006-06-24 08:25:40

ANo.3

ちょっとややこしい方法をとる必要があります。詳しくは参考 URL を参照。

参考URL:http://www.mozilla.gr.jp/standards/webtips0004.html

投稿日時 - 2006-06-23 23:27:24

ANo.2

id要素でなくて<div>で指定するのですね。

******CSS*******
.center {
text-align: center;
}
.left{
text-align: left;
}

*****thml********
<div class="center">
<div class="left">
</div>
</div>

<div class="left">を<p class="left">にするとか・・・あまり一般的でないとは思いますが。

投稿日時 - 2006-06-23 23:25:42

ANo.1

例えば .left というクラスで作り、その中に『text-align : left;』
をつくっておきます。
そうしてから、

<center>
<DIV class="left">○○○○○</DIV>
</center>

とすれば、DIV自体は画面中央に配置され、文字(この場合は○○○○○)
は左揃えになります。

投稿日時 - 2006-06-23 23:13:55

あわせてチェックしたい
  • IE8ではtext-align: center;でdivタグが中央にならない。改善策は? ...
  • スタイルシートdivについて ...
  • CSS 画像中央そろえ ...
PR
【回答募集中】花粉にひと言、物申す![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら