CSSで上下に中央配置

CSSでページレイアウトをしていて、いくつか困る局面に遭遇
しますが、その中のひとつに上下に対しての中央配置が
あります。

tableを使用すれば、 valign="middle"で難なくできてしまうの
ですが、これがスタイルシートとなると厄介です。

今までごまかしごまかしでpositionやlineheightあたりを使い
レイアウトしていたのですが、どうも納得いってませんでした＾＾；


なにかいい方法がないものかと調べてみると、ありました！

ヨモツネットさまでとても詳しくその方法を紹介されております。

---------------------------------------------------
CSSはこんな感じ（ヨモツネットさまより参照）

div.sample1{ }

div.sample1 div{
display:table-cell;
width:100px;
margin-bottom:1px;
vertical-align:middle;
}

* html div.sample1 div{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html div.sample1 div{/* IE 7 */
display:inline;
zoom:1;
}

/*\*//*/
* html div.sample1 div{
display:inline-block;
}
/**/

---------------------------------------------------


いやあ、これは凄く便利ですねぇ〜☆
mac IEにも配慮してるところもさることながら、これをご自分で閃いて
いるところが素晴らしいです。

僕なんかは閃くより誰かが見つけていないかまず検索して
しまいますｗ

でも、こういう方達のテクニックはとても参考になりますね！

このような有意義な情報を無料で公開しておられることにも感謝しな
ければなりませんね☆

スタイルシートも、ただ普通に使うだけではなくて、色々試行錯誤
しながら極めると凄く面白いだろうなと、今回つくづく思いました。

LINK
挨拶状｜はがき 印刷｜引越し はがき｜結婚報告 はがき
出産報告 はがき｜年賀状｜喪中 はがき｜暑中見舞い