- 2010-02-04 (木) 22:22
- デザイン | CSS | popo factory
プロモーション用のページを作るときに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のコンテンツフッタの部分は
この方法でセンタリングしています。
コメント:0
トラックバック:0
- このエントリーのトラックバックURL
- http://www.exspider.net/wordpress/2010/02/04/css%e3%81%a7%e7%b8%a6%e3%81%ae%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%aa%e3%83%b3%e3%82%b0/trackback/
- Listed below are links to weblogs that reference
- CSSで縦のセンタリング from exspider.net 開発ブログ
