2009年7月9日木曜日

【JavaScript】IE6でもmin-width, max-widthを使えるようにする

結局使わなかったけど、今後使う機会がありそうなのでメモ。

IE6で
min-width
max-width
min-height
max-height
を指定するやり方。

一番簡単なのはminmax.jsというJavaScriptを読み込むのが早い。

body要素だけでなく、imgタグなどにも適用してくれるので便利。

欠点は適用されるまで(表示した瞬間は)元のサイズで表示されてしまうこと。

さらにie8だとエラーが起きるので、回避の仕方としてはtry catchを以下のように記述する。

36行目あたり

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

バージョンアップで対応してるかも。この時点でのバージョンは1.0

コメントを投稿
Related Posts Plugin for WordPress, Blogger...

Blog Archives