popo factory blog

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のコンテンツフッタの部分は

この方法でセンタリングしています。

 - CSS, popo factory, デザイン