BOOK Studio947
狩野祐東・狩野さやか著書

返信先: 中央配置ができない

#1702
狩野 祐東
キーマスター

お返事遅くなりました。
参考にされているのがどの本なのかわかりませんが……
『スラスラわかるHTML&CSSのきほん』ならP.171
『スラスラわかるCSSデザインのきほん』ならP.121
あたりに関連事項が掲載されています。

左右マージンをautoに設定して中央配置をするには、いくつかの条件があります。

  • 中央配置したい要素がブロックレベル要素であること(div, h1, pなど)
  • その要素にCSSで幅を設定する(例:width:600px;
  • その要素の左右マージンをautoにする
  • その要素の1階層上の親要素がブロックレベル要素であること、つまり、直接の親がbodyやdivである。かつ、その親要素がウィンドウ幅一杯に広がるようになっている(幅を指定していない、もしくはwidth:100%になっている)

ご質問の内容を見る限りでは、もしかするとHTMLやCSSの記述ミスの可能性もあります(ダブルクオートが抜けているとか、スペースが全角になっているとか)。その辺りも注意して、まずはご自分のソースを確認してみてください。

ごく簡単で余計なもののないサンプルHTMLを作りました。参考にしてみてください。

http://www.solidpanda.com/downloads/book/center.zip