WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

CSSでのIE6対応のmax-width

以前、ここでIE6で「min-width」を実現させるハックは書きましたが、
CSSplayサイトにて、IE6で「max-width」を実現させる方法があったので紹介。

CSSplay_max-width.jpg
Stu Nicholls | CSSplay | max-width for Internet Explorer IE6

デモはページ全体に「max-width」をつけた構成で、
中央揃え、左寄せ、右寄せの3種用意してあります。

【デモ】中央揃え
【デモ】左寄せ
【デモ】右寄せ

空の<div>ボックスをサイドに配置して、
コンテンツ用のボックス幅(デモページではmax900px)を制御しているCSS構成のようです。

何かの時に役に立ちそう。

ご参考までに。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です