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のコンテンツフッタの部分は
この方法でセンタリングしています。