IE9の「Tableタグ+hover+scroll」で縦幅が広がるバグで大いにはまる

横幅を決めたdivタグにTableタグを流し込み、CSSの「overflow:auto」で動かせる表のようなHTMLを作っていたら、IE9だけなぜか異常な動きをする。具体的にはTableの中のリンクにマウスカーソルを合わせると、下部の要素がどんどん下に移動してしまう。文字で書いても恐らくよくわからないと思うので、下のサンプルページにIE9でアクセスして確かめてほしい。 IE Tableバグ テストページ Tableタグの中の「Link」や「Link2...

FC2ブログは「X-UA-Compatible」を条件付きコメントで囲ってはいけない

記事タイトルですべて言い切ってしまった気がするが、意図的にIE7モードを設定してない限りそうした方がいいですよ、という話。理由は意図せずIE10(恐らく以降も含む)がIE7互換モードで動くようになってしまうから。 これに気がついたのはアクセス解析をチェックしていて以下のようなUAを見つけ「なんだこりゃ」と思ったことからだった。 Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.2; Trident/6.0) Windows 8(...

角丸を表現するCSS3のborder-radiusのブラウザ対応状況を調べてみた

現在はまだ規格がきちんと定まっていないのと、ブラウザの対応状況の問題であまり使われてないCSS3なんだけど、もし普通に使える状態になったら多用されることが予想されるのが「border-radius」というプロパティ。これはCSSで指定するだけで角丸(丸い角)が作れるプロパティで、今現在角丸の表現に使われてる「角に丸い画像を使う」「空のspanなどを使って擬似的に丸く見せる」などの面倒で手間がかかる方法をとらなくて済むとい...

ブラウザシェア 2009年7月期 集計結果

2009年7/1から7/31の期間にこのBlogにアクセスした人が使用していたブラウザの集計データです。データは全てGoogle Analyticsで収集・集計しています。 注意 : このエントリの数値は、あくまでこのBlogにおける集計結果でしかありません。ブラウザの利用傾向はサイトが扱うテーマや利用者層によって大きく変わります。これは国内ブラウザシェアの参考データの一つに過ぎないことを考慮してください。 訪問者全体のブラウザ...

ブラウザシェア 2009年6月期 集計結果

2009年6/1から6/30の期間にこのBlogにアクセスした人が使用していたブラウザの集計データです。データは全てGoogle Analyticsで収集・集計しています。 注意 : このエントリの数値は、あくまでこのBlogにおける集計結果でしかありません。ブラウザの利用傾向はサイトが扱うテーマや利用者層によって大きく変わります。これは国内ブラウザシェアの参考データの一つに過ぎないことを考慮してください。 訪問者全体のブラウザ...