忍者ブログ

[PR]

2024年04月19日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

Yahoo!ブックマークに登録
このエントリーをはてなブックマークに追加

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

IE8のバグ

2010年03月21日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

Yahoo!ブックマークに登録
このエントリーをはてなブックマークに追加

 私が現在主に使っているブラウザはIE8です。

ですが、サイトを作るときはまだIE6を使っている人も多いらしいのでIE6での表示も一応確認するようにしています。

ちなみに、IE6の表示を確認するツールはIETesterを使っています。
無料ですし、IE6だけでなく、IE8での表示も確認できますので、まだIE6以下をお使いの方にも便利です。
(IETesterのダウンロードはこちら

 本題のIE8のバグですが、IE8にもバグが存在することがわかったので自分でサイトを作成している方はぜひご注意を。

ご存知の方も多いと思いますが、IE6以下ではpaddingやborderの解釈が違ったり、floatとmarginを一緒に指定すると倍くらいのmarginになったりとIE特有のバグがありました。

それが最新のIE8では、ようやくFireFoxなどのモダンブラウザと同様にpaddingなどが解釈されるようになりました。

しかし、IE8にも特有のバグがありました。

前から何だかおかしいと思っていたのですが、ネットで検索してみたら、そのバグは載っていました。

 どうやら文字のサイズを11pxなどの半端な大きさにすると、マウスポインタを合わせた時に急に文字が大きくなるのです。

私もこのバグにはまり、11pxにしてところを12pxに変更したら無事解決しました。

もし、急に文字が大きくなっておかしいなと思ったら、font-sizeを確認してみてください。


前に作ったサイトで外枠の両脇にborderを入れていたのですが、ページをスクロールさせるとborderの途中が切れました…。

これももしかしたらバグかもしれないですね…。

ちなみに、3カラムだと切れるのですが、2カラムだと切れませんでした。

この時は、いくらやっても解決しなかったので、外枠の幅と同じ幅で両脇に線を入れた画像をbackground-imageで読み込ませるという力技で解決しました…。
PR

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

 | HOME | 次のページ »

カテゴリー

独自ドメイン

アーカイブ

最新記事

最古記事

RSS

ブログ内検索

バーコード

リンク

アクセス解析