1月 30
|
ç§ãŒç®¡ç†ã—ã¦ã„ã‚‹HPãŒIE6ã§ã†ã¾ã表示ã•ã‚Œã¦ã„ãªã„ã¨ã„ã†é€£çµ¡ã‚’å—ã‘ã€ä¿®æ£ã‚’è¡Œã£ãŸã®ã§ã™ãŒæ€ã„ã®ã»ã‹è‹¦æˆ¦ã—ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚å•é¡Œã®ãƒšãƒ¼ã‚¸ã¯XHTML+CSSã§ä½œæˆã—ã¦ãŠã‚Šã€DIVã‚¿ã‚°ã§ã®ã‚«ãƒ©ãƒ 組やLISTã‚¿ã‚°ã®ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šãªã©ã‚’æ–½ã—ã¦ã„ã¾ã—ãŸã€‚以å‰ã¯IE6ã§ã®è¡¨ç¤ºãŒæ£å¸¸ã«ç¢ºèªå‡ºæ¥ã¦ã„ãŸã®ã§ã™ãŒã€æœ€è¿‘ã¯åˆ¶ä½œç’°å¢ƒã‚’IE7化ã—ã¦ã„ãŸãŸã‚ã—ã°ã‚‰ãã®é–“IE6ã§ã®ç¢ºèªã‚’ã—ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚
ã‚らãŸã‚ã¦ã€ç¢ºèªã—よã†ã¨ã™ã‚‹ã‚‚ã¯ã¦ã•ã¦IE6ã‚’ã©ã“ã‹ã‚‰å¼•ã£å¼µã£ã¦ãã‚‹ã‹ã¨ã„ã†ã“ã¨ã§ã„ã‚ã„ã‚ã‚„ã‚Šã¯ã˜ã‚ã¾ã—ãŸã€‚ã¾ãšAdobeã®BrowserLabã§è¡¨ç¤ºã‚’確èªã—ã¦ã¿ã‚‹ã“ã¨ã«ã€‚ãŒã€IE6ã®è¡¨ç¤ºãŒä¹±ã‚Œã‚‹ã®ã¯ã„ã„ã¨ã—ã¦IE7ã¾ã§ä¹±ã‚Œã¦ã„る。手æŒã¡ã®IE7ã§å•é¡Œã¯ãªã„ã®ã§ã“ã‚Œã¯ãŠã‹ã—ã„。Browserlabも完璧ã§ã¯ãªã„ã®ã ãªãã¨Browsershotã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’å–り寄ã›ã‚‹ã¨ç›¸å¤‰ã‚らãšæ–‡å—化ã‘ç‰ãŒã„ã£ã±ã„ã‚ã‚‹ã‚‚ã®ã®ã©ã†ã‚„らIE6ã ã‘表示ãŒä¹±ã‚Œã¦ã„る模様。
ã§ã€ãã®ä¹±ã‚Œæ–¹ãªã®ã§ã™ãŒDIVã®widthãŒç‹‚ã£ã¦ã‚‹ã®ã¯ã¾ã仕様ã¨ã—ã¦ã‚ˆã言ã‚ã‚Œã¦ã„る部分もã‚ã‚‹ã¨ã—ã¦ã€ä½•ãƒ”クセルãšã‚Œã¦ã‚‹ã¨ã‹ãã†ã„ã†ãƒ¬ãƒ™ãƒ«ã§ã¯ãªããã‚‚ãã‚‚å…¨ãWidthãŒå…¥ã£ã¦ã„ãªã„時ã®å‹•ä½œã‚’ã—ã¦ã„らã£ã—ゃる。ã‘ã©ã€ä¸€éƒ¨åŠ¹ã„ã¦ã„るタグも見å—ã‘られる。リストã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚完全ã«æ¨™æº–ã§CSSãŒåŠ¹ã„ã¦ã„ãªã„ã”様å。ã‘ã©ã€ä»–ã®éƒ¨åˆ†ã§ä¸€éƒ¨åŠ¹ã„ã¦ã„るスタイルã¯é–“é•ã„ãªãå˜åœ¨ã—ã¦ã„る。CSSãŒé€”ä¸ã¾ã§ã—ã‹èªã‚ã¦ã„ãªã„ã‹ã¨æ€ã£ã¦ã¿ã¦ã¿ã‚‹ã‚‚効ã„ã¦ã„るスタイルã¯ã‚ã¡ã“ã¡åˆ†æ•£ã€‚å…¨ã関係ãªã•ãã†ã€‚FloatãŒæ‚ªã„?ã€ã¨ã‹ãªã‚“ã‹ã®ãƒã‚°ã«ã‚ãŸã£ãŸï¼Ÿã¨ã‹ã„ã‚ã„ã‚検索ã—ã¤ã¤è©¦è¡ŒéŒ¯èª¤ã™ã‚‹ã‚‚全然ダメ。ã©ã†ã«ã‚‚CSSも一部ãŒã†ã¾ãèªã‚ã¦ã„ãªã„ã¨ã—ã‹æ€ãˆãªã„。ã‘ã©ã€IE6ã ã‘。もã¡ã‚ã‚“HTMLã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒŽãƒ¼ãƒ—ãƒãƒ–レム。
ã„ã‚ã„ã‚æ‚©ã‚“ã 末ã€ã‚‚ã—ã‹ã—ã¦æ–‡å—コードã‹ã¨ã„ã†çµè«–ã«è‡³ã‚Šã¾ã—ãŸã€‚ã§ã€CSSã®æ–‡å—コードを明示的ã«UTF-8ã«æŒ‡å®šã—ãŸçµæžœç„¡äº‹è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã€‚ã©ã†ã‚‚明示的ã«æŒ‡å®šã—ã¦ãªã„CSSã‚’èªã¿è¾¼ã¾ã›ã‚‹ã¨ã†ã¾ãã„ã‹ãªã„å ´åˆãŒã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã—ょã†ã‹ã€‚ã‚ã‚“ã¾ã‚Šã«CSSã®è¡¨ç¤ºãŒæ»…茶苦茶ã§é©ç”¨ã•ã‚Œã¦ãªã„ã€ã¨ã„ã†å ´åˆã¯æ–‡å—コード指定もよã見直ã™ã‚ˆã†ã«ã—ã¦ã¿ã¦ãã ã•ã„。特ã«ã“ã®å•é¡Œã«é–¢ã—ã¦ã¯Browserlabã‚„IETesterã§ã¯å†ç¾ãŒå¾®å¦™ã§IE7ã§ã‚‚崩れるãªã©å¤‰ãªæŒ™å‹•ã‚’示ã™ã®ãŒç‰¹å¾´ã§ã—ょã†ã‹ã€‚ã“れらも必ãšã—ã‚‚æ£ç¢ºã§ã¯ãªã„ã¨ã„ã†ã“ã¨ã§ã™ã。早ãIE6ã„ãªããªã£ã¦ãã‚Œãªã„ã‹ãªãƒ»ãƒ»ãƒ»ã€‚