前回の記事、「新旧のIEで確認できるフリーソフト」では、時代の波に乗り損ねているおっさん達に IE Tester をご紹介いたしました。

その後どうですか？

私と同じように、忙しい時に限って IE Tester が落ちまくり、「悔しいです!!」と叫び、変な顔になってしまっているおっさんはいませんか？

今回はそんなおっさんの為、嫌、そんな気持ちの悪いおっさんが近くに居て困っている方の為に、IE6 のスタンドアローン版をご紹介しておきます。

※Vista では動かないようです。

Windows XP をお使いで、インストールは自己責任とお考えの方は続きをどうぞ♪

続きを読む ≫

先日までコーディングしたページを IE の 6 と 7 で確認するため、IE6 をアップグレードせず、スタンドアローン版の IE7 を導入し、両バージョンの IE で確認していました。

もしも、そんな私と同じような、時代の波に乗り損ねているおっさんがいましたら、今回の記事は有益となるのかも知れない！なんて淡い希望を抱きつつ、キーボードを叩いています。

IE8 のβ版の存在に、気付かないふりをしているおっさん。

IE7 へのアップグレードを躊躇って（ためらって）いるおっさんはいませんか？

今回は、そんなおっさんなら、コーディング中に一度は夢見たであろうと思えるようなフリーソフトのご紹介です。

そのフリーソフトの名は IE Tester です。

IE5.5、IE6、IE7、IE8 β版のブラウザの表示確認に使えます。

IE Tester を使いたいおっさんは、スタンドアローン版の IE7 をアンインストールし、IE6 を IE7 へアップグレードしましょう。IE6 のままだと IE Tester で IE7 以降の確認ができないようです。

Windows XP か Vista をお使いで、下の注意事項もオーライ♪なおっさんは続きをどうぞ。

※フリーソフトのインストールは自己責任でお願いします。

続きを読む ≫

当ブログで配布中のテンプレート「h007-3middle」をカスタマイズ中の方から以下のご質問を頂きました。

右サイドバーは問題なくテーブルリンクになってますが、左サイドバーは通常のリンク（文字にポイントして指マークが出るリンク）になってしまいます。

上記のご質問の不具合は Windows の IE6 で確認でき、発生条件はテンプレートの記事部分の拡張カスタマイズと併せ、サイドバーの背景色、フォントサイズ、記事のタイトル部分の装飾などなど、多岐に及んでいますので、必ずしもテンプレートをカスタマイズした時に IE6 で発生するとは断言できません。今回、原因の追究を数日間試みていたのですが、残念ながらはっきりとした答えは見つかりませんでした。

しかし、原因（おそらく IE6 のバグ）は分りませんでしたが、解決策は発見できましたので、上記のご質問と似たような症状が発生した際は以下の解決方法をお試しください。

今回の解決方法を適用後 Mac と Windows のモダンブラウザで確認しましたが他の要素への悪影響はありませんでした。

また、Web 制作者の方も IE6 において display:block させた a 要素の挙動が不安定な時に覚えておいて損のない Tips（小技）だと思いますので、宜しければ続きをどうぞ。

続きを読む ≫

Windows の IE6 に CSS で float を指定した際、その float 指定した要素の親要素に指定された左右の border が消えるバグがあるようです。

私が上記のバグに気が付いたのは ul 要素内の li 要素を並列させる為に、li 要素に float:left; と指定しボタンを作成した時に気が付きました。
以下、その時のサンプルソースです。（※ボタンは３つを並列させているとお考えください。）

ul {
	width : 99%;/* IE6 の為に指定 */
	text-align : center;
	list-style-position : inside;
	border-left : solid 1px #ccc;
	overflow : auto;
}

ul li {
	float : left;
	width : 33%;
	height : 30px;
	line-height : 30px;
	list-style-type : none;
	border-top : solid 1px #ccc;
	border-bottom : solid 1px #ccc;
	border-right : solid 1px #ccc;
}

上のソースの赤い部分のように、親要素に width を指定すると border が表示されます。

ちなみに IE7 では親要素に width を指定しなくても border は表示されていました。

●結論
IE6 の親は子供が浮かれると甘くなりがち。

先日の記事「透過 PNG を IE6 でも奇麗に表示するクリスマス☆」では AlphaImageLoader と言う Filter（フィルター）を使い、透過 PNG を IE6 でも奇麗に表示させていました。

しかし、私は少し勘違いをしていたのですが、先日の方法だと透過 PNG を背景（ background ）に指定できないのです。

「じゃあ、どうすんの？」

はい。その答えは JavaScript が握っていました。

「えぇ〜？でも、なるべくなら CSS で解決したい問題なんだけど。」

そうですね。私も同意見ですが、おそらく今回ご紹介する解決策が現在（2007年の暮れ）主流のようです。

それでは、一人芝居を気持ち悪がられる前に、そろそろ「透過 PNG を IE6 で背景としても使える JavaScript」をメモしておきます。

続きを読む ≫