/* CSS・スタイルシート質問スレッド【20】 */

このエントリーをはてなブックマークに追加
196Name_Not_Found
ものすごく初歩的な質問でごめんなさい。HTMLとかCSSとかを初心者向きサイトや本で
勉強始めたばかりです。
<body>
<div align="center">
<h1 >見出し</h1>
<p>短い文章</p>
<p class="text">数回の改行タグがはいる、長めの文章</p>
</div>
</body>
というごく単純な構成のページを練習用に作ってみました。

headで
<style type="text/css"><!--
.text {width:60%;text-align:left}
-->
</style>
と指定してます。

これで、全部の要素をセンタリングして、かつ最後の長文は文章自体(インライン要素
で合ってますか?)を左寄せ出来ると思ったんですが。
マック版のIEではOSXで5.2、OS9.2で5、いずれも最後の長文がセンタリングされず、
左寄せになってしまいます。(winの方では大丈夫でした)
なにが悪いんでしょうか?
<div align="center">でセンタリングするのは非推奨だそうですが、そこのところはご容赦
ください。


197someone@meadownt:03/06/19 04:46 ID:???
>196
ttp://anslasax.net/css-make/t-a/index.html

センタリングするのはインライン要素っす。
pのインライン要素に対してalignをcenter,leftの両方を重複して指定している
(とMacIEは解釈してる)っすよ。
そんで(多分)詳細度が上の.textについての指定を優先して採用して、
左寄せになってしまう(´・ω・`)んだと思うっす。
198Name_Not_Found:03/06/19 05:02 ID:???
> 最後の長文は…左寄せ出来ると思ったんですが。
> マック版のIEでは…最後の長文が…左寄せになってしまいます。

199Name_Not_Found:03/06/19 05:25 ID:???
>198
分かりにくくてすみません。最後の<p></p>の長文は
     ああああああああ
       ああああ
      ああああああ
ではなく
     ああああああああ
     ああああ
     ああああああ

のように、インライン要素は左寄せにしたいんです。でもってそのブロック要素自体は
他のブロック要素とそろえてまん中にもってきたいということなんですが。
その<p></p>だけが左寄せになってしまうということです。

>197
text-alignでインライン要素は設定して、ブロック要素ごとの位置は
cssで設定するの大変だからhtmlタグの<div arign="center">でとりあえずは
やりなされ。
みたいなことを私が見た初心者用の本に書いてあったんですが、では、それじゃ
だめってことなんでしょうか。


200Name_Not_Found:03/06/19 05:36 ID:???
>>199
arignじゃなく
alignです。
201196:03/06/19 05:46 ID:???
ごめんなさい。
実際はちゃんとalignとかきました。
何かばかなこと聞いてるのかもしれないので、しばらくあっちこっち回って
調べて来ます。