max-widthをIE6でも使用したい。

max-widthって便利だなぁと思っていたら、IE6ではビョコーンと飛び出ている。そうか  😯

解決方法としては、minmax.jsというjavascriptを仕込む方法がとても簡単でした。

参照:min-width、min-height、max-width、max-heightをIE6でも実装する方法(@CSS Lecture

(以下2010.08.23追記)

minmax.js、IE8だとエラーが出ます。実装してませんというようなエラーです。
下記の記事を参照して、minmax.jsの記述を変更して直しました。

minmax.jsのIE8対応(エラー修正)(@アラクネ@技術備忘録) ありがとうございました。

minmax.jsのIE8対応(エラー修正) より抜粋)
36行目あたりにtry・catchを以下のように記述します。

try {
em.style.setExpression(’width’, ‘minmax_checkFont()’);
document.body.insertBefore(em, document.body.firstChild);
}
catch(err){}

コメントを残す

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