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){}
コメントを残す