IE連続半角英数字で改行できず、幅を超えレイアウトが崩れの対応

IE独自のCSSを入れることで対応しました

  .gsc-control-cse div.gs-webResult{
   word-break:break-all;
  }

IE7は大丈夫けど、IE8ではレイアウトが崩れ、その時の最終手段

IE8とIE７の違いが結構あるので、IE7で設計したレイアウトがIE8で崩れることがよくある。
副作用があるかもしれないが、IE8をIE7で見せかけるmetaタグがmicrosoftから提供された。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

メモしとこう！

IE6,IE7エラー「識別子、文字列または数がありません」

IE6,IE7で「識別子、文字列または数がありません」が出ています。IE8、Firefox、chrome、Operaはでません。

IE6,IE7では簡単にデバグ出来ないので、問題点の特定に時間を掛てしまった。

問題点はこれです：

var columnsClassStatus = {
    NAME : {title:"キャンペーン",width:"wd_l",},
    GROUP : {title:"グループ",width:"wd_l",},
    CPA : {title:"CPA",width:"wd_m",},
};

オブジェクトまたは配列の最後のエレメントの後ろ「,」があってはなりません。

var columnsClassStatus = {
    NAME : {title:"キャンペーン",width:"wd_l"},
    GROUP : {title:"グループ",width:"wd_l"},
    CPA : {title:"CPA",width:"wd_m"}
};

にするIE6とIE7ではエラーは解消されます。

IEでjavascriptのdebug

開発者ツール

IEでjavascriptのdebug, IE8ならF12を押せば「開発者ツール」が立ち上がるみたい。