種まきびとブログ
  • seedsman.jp
  • 花子と草男のブログ
  • 種まき人ブログ
  • Hanako Mail
2007年1月13日 投稿者: seedsman

2カラム中央寄せ

2カラム中央寄せ
2007年1月13日 投稿者: seedsman

ショップテンプレ【プレーン】のページレイアウトは、以下の4項目から成り立っていた。
この4項目は body 直下であり、そのためブログの中央寄せができていない。
よってこの4項目を #container でくくり、ひとまとめにして中央寄せにする。

#header (ブログタイトル部分)
#main (画面左側)
#side (画面右側メニュー)
#footer (フッター)

① これらの4項目まとめてを #container でくくる。

② body に text-align:center; を入れる。
body {text-align:center; margin:20px; }
これで body 直下の #container 全体が中央に寄る。

③ #container の中の要素はそれぞれ左寄せとしたいので text-align:left; とする。
#container {width:650px; text-align:left; }

☆1月15日追記
NetScapeでは、いくらやっても中央寄せにできなかった。
それと、HTML編集しかできないSSLページが IE でも左寄りになっている。
多分ネスケもでしょ。も、お手上げ・・・

前の記事認証必要次の記事 オオミスミソウ(雪割草)

月別アーカイブ

Rife WordPress Theme ♥ Proudly built by Apollo13Themes - Edit this text