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

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

デモのキャプチャ

'max-width' for Internet Explorer IE6
demo: center

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

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

top of page

©2017 coliss