2006.04.22CSSでボックスの垂直方向(上下)の位置揃えを指定するvertical-alignプロパティが有効なのは、インライン要素、及び表のセル要素のみです。値を用いることで、表のセル要素としてvertical-alignプロパティを適用することが可能になります。ついては、table-cellの値に対応していません。そこで、IE6,7についてはハックを利用したボックス内容の上下中央揃えにする方法を紹介します。;を指定することです。ボックスを横並びにするのにfloatの指定は不要です。これだけでFirefoxやOpera、Safariではボックス内容の上下中央揃えが可能になります。7には、すべての要素に独自のhasLayoutプロパティというものが付与されています。このhasLayoutプロパティにはtrueかfalseの真偽値が与えられており、通常はfalseなのですが、ある特定のCSSプロパティの値と組み合わせられた要素についてはhasLayoutプロパティの値がtrueへと切り替わる仕組みになっています。7ではその要素は他の要素に影響されない独自のレイアウトをもつ不思議な振る舞いをするようになります。zoomプロパティはIE独自のプロパティのため、他のブラウザでは無視されることになるので気にする必要はありません。hasLayout="true"にするためだけのものです。表示が崩れているときなどもhasLayout="true"にすると改善される場合があります。;)でありながら、widthで指定された値も有効になる不思議なボックスを形成できます。結果、table-cellと同様の振る舞いが可能になります(ただし、高さは指定できないため横並びの背景領域まで揃えることはできません)。Safariで上書きするための指定です。言語が日本語ではなく英語の文書であれば、:lang(en)に変更して用いる必要があります。;に対応しています(IE8からはhasLayoutプロパティが削除されました)。;の方法で上下中央揃えが可能です。7のシェアが残る間は、まだ当分このようなハックを併用する必要があるでしょう。よるブロックレベル要素の左右中央揃えContactWeb制作に関するご相談、お気軽にお問い合わせください。/WebデザイナーContactSubscribeTwitterFacebookGoogle+。