[CSS]ハック無しでIE6でmax-widthを実現するスタイルシート

Post on:2009年10月7日

sponsors

CSS HackもJavaScriptもIEの条件付きコメントも無しで、IE6でmax-widthを実現するスタイルシートをCSSplayから紹介します。

実装のポイントとなるのは左右に配置されたdiv要素で、それぞれマイナスマージンを指定します。
コンテンツを配置するdiv要素には「overflow:hidden;」を指定します。

デモでは上記のmax-widthのコンテンツをセンターに配置したものと左右に配置したものがあります。