Home > popo factory

popo factory Archive

CSSで縦のセンタリング

2010-02-04 (木)
デザイン | 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のコンテンツフッタの部分は

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

コメント: 1
トラックバック: 0

アプリプロモーション用ページpo-popo.comをリリースしました

2010-02-04 (木)
popo factory | iPhoneアプリ

リリースしたiPhoneアプリケーションを告知するためのページを

http://www.po-popo.com作成しました。

今後アプリケーションをリリースする度にポートフォリをのように追加していきます。

もともと持っていたpo-popo.comにアプリケーションを公開していくときにpopo factoryとつけてリリースしました。