CSSで縦のセンタリング
プロモーション用のページを作るときにCSSを調べたところ
縦のレイアウトでセンタリングする方法がいくつかありましたが
下記の はじめてのブログデザインさんのサイトの方法が
一番良かったので紹介させていただきます。
http://hajimetedesign.blog77.fc2.com/blog-entry-29.html
div.tate { width : 400px; height : 50px;/*ボックスの高さ*/ line-height : 50px;/*縦のセンタリングの為に指定*/ }
このようにline-heightを高さ設定と合わせると
ブラウザごとを考慮したCSSを設定することなくセンタリングされます。
po-popo.comのコンテンツフッタの部分は
この方法でセンタリングしています。