2006年02月28日

IE6のバグ:特定のスクリプトによってブラウザがクラッシュする

先日、IE7βのCSSの実装状況をレポートしました。どうやら、CSSのサポート状況は次の世代でもあまり宜しくないようなので、諦めてIE向けに補正用のJavaScriptを記述しました(現時点ではIE6のみを考慮)。

JavaScriptによる補正は2つ。contentで生成している装飾類とmin-widthのサポートです。

問題が発生したのは、min-widthのサポート。min-widthを擬似的にサポートするために、ウィンドウのサイズが特定のサイズを下回ると、CSSのクラス名を変更することでwidthを固定する手法を用いました。前者の検出にはonresizeで、後者はID名で参照してクラス名を書き換えます。

検証用のページを追加しました。http://devious.up.seesaa.net/inspection/index.html 安全のため、直リンクとしては張っておりません。up(大文字)をup(小文字)に変えるてアクセスしてください。IE6でアクセスし、ウィンドウのサイズを小さくしてください。ある程度小さくするとクラッシュする、というのが今回のバグです。

元々、IDでスタイルシートは適用しているので、クラスではwidthのみの適用となります。スタイルシートの一部を抜粋したものが以下のものとなります。


#container{
    margin:0px auto 0px auto;
    width:90%;
    font-size:100%;
    padding-right:10px ;
    background-image:url("http://devious.up.seesaa.net/bg/links.png") ;
    background-position:right ;
    background-repeat:repeat-y ;
    min-width:700px ;
    }

    /*****************************
    IEのmin-width非サポートを補う
    *****************************/
        .containerIEmini{
        width:700px !important ;
        }

#banner{ 
    margin:0px;
    height:190px;
    min-width:500px ;
    text-align:right ;
    overflow:visible ;
    }

    /*****************************
    IEのmin-width非サポートを補う
    *****************************/
        .bannerIEmini{
        width:500px !important ;
        }

JavaScriptのファイルの抜粋は、以下のとおりです。


/*****************
ブラウザの簡易判別
******************/
var IE = navigator.userAgent.indexOf("MSIE") ;
var Opera = navigator.userAgent.indexOf("Opera") ;
var Gecko = navigator.userAgent.indexOf("Gecko") ;

function rechk(){
    if( (IE != -1)&&(Opera == -1)&&(Gecko == -1) ){
        return true ;
    }
}

/*****
おわり
*****/


window.onload = function(){
    if( (document.getElementById("photos")) && (rechk()) ){
        /**************************************
        min-widthを補う(呼び出しのみ) 問題箇所
        **************************************/

        MWpre();

        /*****
        おわり
        *****/
    }
}

/****************************************
リサイズ時のmin-width処理を補う 問題箇所
****************************************/

if(rechk()){
window.onresize = MWpre ;
}

/*****
おわり
*****/


/********************
min-widthを補う(本体)
********************/

function MWpre(){
if(window.innerWidth < 770){
MW() ;
}
else{
MW2() ;
}
}

function MW(){
document.getElementById("container").className = "containerIEmini" ;
document.getElementById("banner").className = "bannerIEmini" ;
}

function MW2(){
document.getElementById("container").className = "" ;
document.getElementById("banner").className = "" ;
}

コードの出来不出来はさておき(それには触れないで^^;)、こんな単純なことでクラッシュしてしまうようです。 ウィンドウサイズが指定値を下回って、クラス名の書き換えが行われるとクラッシュしました。IEのバージョンは6.02900.2180.xpsp_sp2_gdr.050301-1519です。 OSはWindowsXP SP2です。

このおかげで、せっかく書いたコードが使えなくなってしまいましたが(素人にはこんな単純なものでも、結構大変なんです…)、 装飾の類は問題なさそうなので、まぁ良しとします。しかし、単純なことでブラウザってクラッシュしてしまうんですね。

この記事へのコメント
PvKRAY ztzcstsnhpsb, [url=http://syzdmqxfmakz.com/]syzdmqxfmakz[/url], [link=http://vaaaqdndgajf.com/]vaaaqdndgajf[/link], http://ollsukofcljx.com/
Posted by PhsmjGHKBoy at 2009年02月24日 07:16
DK84o9 http://tramadolroi.forum24.se/ tramadol injection ,
Posted by FilJUYbClVKSLX at 2009年03月05日 07:31
BZ5sZ7 http://viagranci.forum24.se/ money order viagra ,
Posted by FgDFwdWDjSMJuiAe at 2009年03月05日 22:44
Posted by adipex dosage at 2009年03月12日 04:37
2 http://chicago.metromix.com/user/profile/154359 tramadol and blood thinning or http://my.nbc.com/Adipex_Online_1lf buy cheap adipex without a perscription or http://chicago.metromix.com/user/profile/154361 tramadol 100 mg sr or
Posted by tramadol and blood thinning at 2009年03月12日 04:54
6 http://my.nbc.com/Viagra_Online_2gf blue vision viagra or http://gabriellakaitlynf.easyfreeforum.it/ discount phentermine discount phentermine phentermine or http://onlinenorx.wetpaint.com/page/viagraead buy viagra in new zealand or
Posted by blue vision viagra at 2009年03月12日 04:55
Posted by buy adipex 90 tablets at 2009年03月12日 05:01
3 http://katelyncarlosf.easyfreeforum.it/ tramadol order or http://samuelmadisonf.easyfreeforum.it/ adipex order without rx or http://maryangelinaf.easyfreeforum.it/ buy phentermine no rx purephentermine or
Posted by tramadol order at 2009年03月12日 05:10
Posted by tramadol 20online at 2009年03月12日 05:28
4 http://my.nbc.com/Cialis_Online_6f cialis pills or http://gabrielzacharyf.easyfreeforum.it/ does phentermine make arms itch or http://my.nbc.com/Phentermine_Online_yf phentermine low cost online or
Posted by cialis pills at 2009年03月12日 05:35
3 http://my.nbc.com/Tramadol_Online_2hf what tramadol hcl-aceta or http://chicago.metromix.com/user/profile/154388 sex with viagra or http://my.nbc.com/Phentermine_Online_1mf what is phentermine hydrochloride amphetimines or
Posted by what tramadol hcl-aceta at 2009年03月12日 05:42
2 http://stephaniebrandonf.easyfreeforum.it/ tramadol drug interactions or http://chicago.metromix.com/user/profile/154364 adipex no prescription no doctor authorization or http://chicago.metromix.com/user/profile/154388 search viagra edinburgh phentermine find or
Posted by tramadol drug interactions at 2009年03月12日 06:02
6 http://my.nbc.com/Tramadol_Online_2hf tramadol sale or http://sarahjaydenf.easyfreeforum.it/ tramadol hcl-acetaminophen car or http://my.nbc.com/Adipex_Online_1lf buy adipex online no prescription needed or
Posted by tramadol sale at 2009年03月12日 06:06
Posted by order phentermine c o d at 2009年03月12日 06:08
Posted by tramadol vs hydrocodone at 2009年03月12日 06:14
3 http://anthonyjaydenf.easyfreeforum.it/ tramadol adn sex drive or http://cooperzacharyf.easyfreeforum.it/ tramadol ibuprofen or http://my.nbc.com/Adipex_Online_18f purchase adipex without prescription or
Posted by tramadol adn sex drive at 2009年03月12日 06:15
6 http://anthonyjaydenf.easyfreeforum.it/ buy tramadol online overnight or http://chicago.metromix.com/user/profile/154355 phentermine ingestion by pets or http://www.lexelerator.eu/?q=user/2213 buy phentermine 37.5 90 pills or
Posted by buy tramadol online overnight at 2009年03月12日 06:23
6 http://giannalilyf.easyfreeforum.it/ phentermine no persription or http://haleyjulianf.easyfreeforum.it/ where to buy cheap phentermine or http://chicago.metromix.com/user/profile/154357 online pharmacy tramadol or
Posted by phentermine no persription at 2009年03月12日 06:32
2 http://my.nbc.com/Phentermine_Online_2nf crushing phentermine or http://katelyncarlosf.easyfreeforum.it/ tramadol arrest or http://my.nbc.com/Phentermine_Online_6f buy phentermine order cheap online or
Posted by crushing phentermine at 2009年03月12日 06:37
Posted by viagra is made with at 2009年03月12日 06:40
Posted by buy overnight cod tramadol or ultram at 2009年03月12日 06:43
2 http://my.nbc.com/Viagra_Online_2gf scam indian viagra dubai or http://tristannevaehf.easyfreeforum.it/ tramadol 100mg us pharmacy or http://chicago.metromix.com/user/profile/154351 phentermine discount us pharmacies or
Posted by scam indian viagra dubai at 2009年03月12日 07:47
Posted by phentermine cheaper at 2009年03月12日 08:01
4 http://chicago.metromix.com/user/profile/154351 cheap ionamin with no prescription phentermine or http://xaviernicolef.easyfreeforum.it/ buy cheap adipex without a perscription or http://my.nbc.com/Phentermine_Online_yf phentermine non-perscription or
Posted by cheap ionamin with no prescription phentermine at 2009年03月12日 08:06
2 http://my.nbc.com/Phentermine_Online_hf phentermine low price or http://katelyncarlosf.easyfreeforum.it/ tramadol 50 mg overnight delivery or http://samuelmadisonf.easyfreeforum.it/ adipex 3 months or
Posted by phentermine low price at 2009年03月12日 08:21
3 http://my.nbc.com/Xanax_Online_8f xanax pt experiences or http://chicago.metromix.com/user/profile/154345 purchasing phentermine with mastercard or http://tristannevaehf.easyfreeforum.it/ tramadol dosages or
Posted by xanax pt experiences at 2009年03月12日 08:32
Posted by andrew heath tramadol at 2009年03月12日 08:40
2 http://my.nbc.com/Phentermine_Online_2nf phentermine sipped cod or http://www.lexelerator.eu/?q=user/2210 adipex without perscription or http://onlinenorx.wetpaint.com/page/viagraead buy sublingual viagra online or
Posted by phentermine sipped cod at 2009年03月12日 08:55
3 http://my.nbc.com/Tramadol_Online_2hf buy tramadol pay cash on delivery or http://sarahjadenf.easyfreeforum.it/ phentermine that works or http://my.nbc.com/Tramadol_Online_1cf tramadol cod no prior script or
Posted by buy tramadol pay cash on delivery at 2009年03月12日 09:05
Posted by will tramadol u up at 2009年03月12日 09:14
2 http://my.nbc.com/Phentermine_Online_7f effects long phentermine term or http://my.nbc.com/Tramadol_Online_14f tramadol money order or http://xaviernicolef.easyfreeforum.it/ on-line adipex or
Posted by effects long phentermine term at 2009年03月12日 09:28
Posted by tramadol hydrocodone at 2009年03月12日 09:39
4 http://gabrielzacharyf.easyfreeforum.it/ adipex adipex phentermine adipex or http://chicago.metromix.com/user/profile/154362 low cost adipex no rx or http://cooperzacharyf.easyfreeforum.it/ mp 717 tramadol percoset or
Posted by adipex adipex phentermine adipex at 2009年03月12日 09:45
2 http://my.nbc.com/Tramadol_Online_25f can tramadol be taken with aspirin or http://chicago.metromix.com/user/profile/154397 viagra substitute omnigen or http://my.nbc.com/Viagra_Online_1cf woman use viagra or
Posted by can tramadol be taken with aspirin at 2009年03月12日 10:02
3 http://my.nbc.com/Tramadol_Online_tf all about tramadol repent or http://sarahjaydenf.easyfreeforum.it/ tramadol online free consultation or http://chicago.metromix.com/user/profile/154348 phentermine purchased with mastercard or
Posted by all about tramadol repent at 2009年03月12日 10:09
4 http://www.lexelerator.eu/?q=user/2213 phentermine 37.5mg on line or http://onlinenorx.wetpaint.com/page/adipexa9d adipex without prescroption or http://chicago.metromix.com/user/profile/154359 tramadol hydrochloride acetamin or
Posted by phentermine 37.5mg on line at 2009年03月12日 11:26
Posted by viagra pages edinburgh search find free at 2009年03月16日 06:47
Posted by buy adipex or fastin no prescription at 2009年03月16日 06:57
4 http://www.coroflot.com/adipex8d canadian pharmacy adipex without a prescription or http://www.coroflot.com/viagra14ed meridia review buy online pharmacy viagra or http://my.88db.com/my/Discussion/Discussion_reply.page?DiscID=23803 phentermine bahrain or
Posted by canadian pharmacy adipex without a prescription at 2009年03月16日 07:20
Posted by cheapest generic adipex o at 2009年03月16日 14:57
4 http://www.coroflot.com/adipex8d adipex p medication or http://www.coroflot.com/phentermine133d phentermine online prescriptions or http://my.88db.com/my/Discussion/Discussion_reply.page?DiscID=23803 phentermine prices mexico or
Posted by adipex p medication at 2009年03月16日 15:30
Posted by over dose on cialis at 2009年03月16日 18:07
Posted by phentermine no prescripton at 2009年03月17日 02:02
4 http://www.coroflot.com/phentermine3cd discount phentermine online pills huge discounts or http://my.88db.com/my/Discussion/Discussion_reply.page?DiscID=23793 tramadol effects at 200mg or http://www.coroflot.com/tramadolefd tramadol and liver damage or
Posted by discount phentermine online pills huge discounts at 2009年03月17日 02:51
4 http://www.coroflot.com/cialis192d when is cialis most effective or http://www.coroflot.com/tramadol7cd overnight tramadol no rx sunday delivery or http://my.88db.com/my/Discussion/Discussion_reply.page?DiscID=23794 find cheapest tramadol ambien or
Posted by when is cialis most effective at 2009年03月17日 09:05
2 http://community.zdnet.co.uk/profile/0,1000000564,2000680207b,00.htm cialis nas?アl bir ila?ァ or http://docs.safehaus.org/display/~melaniejosepht how to write a prescription cialis or http://www.wikipatterns.com/display/~juliaiant generic xanax xanax alprazolam zanax or
Posted by cialis nas?アl bir ila?ァ at 2009年11月10日 08:01
2 http://www.mixpod.com/user/12211943 comprar cialis espa?アa or http://forum.37signals.com/backpack/users/22216/ tramadol caps 50mg or http://adipexp18m.indieword.com/ adipex 37.5mg from florida or
Posted by comprar cialis espa?アa at 2009年11月24日 10:29
6 http://xanax-online-w81m.webgarden.com/ xanax mell?ゥkhat??sok or http://www.webjam.com/xanax681m overnight xanax without prescription or http://xanax-online-c81m.webgarden.com/ how to detox from xanax or
Posted by xanax mell?ゥkhat??sok at 2009年12月03日 13:13
Posted by giving cialis to wife at 2009年12月20日 19:28
Posted by cialis informazioni at 2010年01月26日 17:20
Posted by adipex online pharmacy pharmacy online at 2010年04月24日 03:19
Posted by order phentermine 30mg at 2010年06月04日 19:21
メンズ水着 販売
Posted by ラルフローレン ポロシャツ メンズ at 2013年07月31日 13:46
レディース水着 三愛
Posted by ralph lauren at 2013年07月31日 13:46
コメントを書く(記事に対する質問などもこちらにお願いします)
お名前:

メールアドレス:

ウェブサイトアドレス:

コメント:

認証コード: [画像の中の文字を半角で入力してください。]
認証コード
この記事へのTrackBack URL
http://blog.seesaa.jp/tb/13940640
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。