Posts Tagged ‘IE6’

このページの目次

CSSで複数のクラスを指定したセレクタがIE6でうまく機能しない

木曜日, 9月 3rd, 2009

こんにちは、なかわけです。

仕事中に見つけたIE6の不具合。
メニューがあって、選ばれてるものだけ背景色を変えたかったときのこと。
こういう風に書くとIE6でうまく機能しませんでした。

<ul>
    <li class="menu">ねこ</li>
    <li class="menu selected">ゲーム</li>
    <li class="menu">チョコレート</li>
</ul>
.menu {
    background:#CCCCCC;
}
.menu.selected {
    background:#CC0000;
}

この場合.menuと.selectedを同時に適用したゲームの背景はグレーになり、赤くなってくれません。
このときは、別の方法で解決しましたが、以下のページに回避方法が紹介されてました。

http://css-el.seesaa.net/article/108157845.html

でも、場合によっては無駄な要素を増やしたり、CSSのセレクタに文脈セレクタを追加したりしないといけないからヤダなー。

ソースコードは見れるけどページが表示されないIE

水曜日, 7月 1st, 2009

こんにちは、なかわけです。

今日は、うっかりわりと有名なトラップに引っかかってしまいました。
IEでソースコードは見られるけどページが真っ白で表示されない状態。

そもそもなんでこのトラップにハマったかというと、取引先からいただいたhtmlファイルで<head>タグ周りを自分で確認しなかったからです。

原因はcharsetより先に<title>タグが来てしまったこと。つまり、こうなっていたわけですね。

<head>
<title>このページは入力ページだよ</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” >
・・・
</head>

charsetより先に日本語が来てしまうと、IEがページの文字コードをShift-jisをご認識してしまうということらしい。

しかし、ちょっと待った!!そもそもこのページはShift-jisで作っていたはず。なのになぜ見れない。
いろいろ調べていた結果、タイトル内の「入力」という文字を削除すると、表示されるようになりました。
「入力」がダメ文字かなと思って調べてみたけどそういうことでもなかったです。
よくわからないです、この挙動。

この件に関してあんまり詳しく調べても時間の無駄(!?)なので、とりあえず正しく動くように書きなおして終了することにしました。

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” >
<title>このページは入力ページだよ</title>
・・・
</head>

あ~あ、引っかかっちゃったな~。
以下、参考になる記事です。
http://www.trick7.com/blog/2008/08/06-154000.php

IE6がgzip圧縮が使えない

木曜日, 12月 11th, 2008

こんにちは、なかわけです。

仕事中にphpで動的に生成したJavascriptやCSSがIE6でうまく動かない問題が起こりました。
動的に生成されたCSSの結果をコピペして静的ファイルして置き換えるとうまく動きました。

そのときは原因がわからなくてなんとなくごまかしてその場をしのぎましたがまた同じ問題に直面して今度こそはちゃんと原因を追究しないとなということでその場にいる仲間で調査しました。すると、以下のような記事を見つけました。

JSファイルが圧縮転送されてくると実行されないことがあった

参考:http://mz.skr.jp/note/2007/11/ie6-gzipped-javascript.html

IE6はgzip圧縮に対応しているようですが、どうやらその挙動は怪しいようです。
仲間と相談して圧縮しない設定にしたら、JSもCSSもちゃんと動作するようになりました。 

この不具合によってだいぶ時間を費やしました;;
またこの現象について調べてもあまり関連記事が見つかりませんでした。あまり知られてないのかな?
だとするとみんなに知ってほしいです。結構はまって時間浪費しますw