<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>Labrid WP &#187; IE対策</title>
	<atom:link href="http://labrid.jp/wp/tag/ie%e5%af%be%e7%ad%96/feed/" rel="self" type="application/rss+xml" />
	<link>http://labrid.jp/wp</link>
	<description>WEB 制作会社 Labrid LLC（ラブリッド合同会社）が Wordpress で作る Web Promotion サイト</description>
	<lastBuildDate>Tue, 10 Aug 2010 10:15:26 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/tag/ie%e5%af%be%e7%ad%96/feed/" />
		<item>
		<title>IE6問題への対処法まとめ×10</title>
		<link>http://labrid.jp/wp/archives/677/</link>
		<comments>http://labrid.jp/wp/archives/677/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 14:51:25 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[ニュースクリップ]]></category>
		<category><![CDATA[技術メモ]]></category>
		<category><![CDATA[IE対策]]></category>
		<category><![CDATA[メモ]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=677</guid>
		<description><![CDATA[IE6問題への対処に関するテクニックをまとめた記事を紹介する記事を紹介します。  

IE6問題に対処する10のテクニック &#124; エンタープライズ &#124; マイコミジャーナル


（以下、まとめの抜粋）


必ず『DOCTYP [...]]]></description>
			<content:encoded><![CDATA[<p>IE6問題への対処に関するテクニックをまとめた記事を紹介する記事を紹介します。 <img src='http://labrid.jp/wp/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<ul>
<li><a href="http://journal.mycom.co.jp/news/2009/03/09/026/index.html">IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル</a></li>
</ul>
<p><span id="more-677"></span><br />
（以下、まとめの抜粋）</p>
<blockquote>
<ol>
<li>必ず『DOCTYPE』を指定する。指定はHTML 4.01を採用する場合もXHTML 1.0を採用する場合もStrictを用いることが望ましい</li>
<li>不可視化や狂ったボックス配置といった多くの問題を避けるために『position:relative』を使うようにする。絶対位置指定を使う場合には子ノードの位置を注意深く確認すること</li>
<li>マージン指定のあるフローティング要素でおこる&#8221;IE6ダブルマージンバグ&#8221;を回避するため、『display:inline』を使うようにする</li>
<li>IE6のレンダリング問題を解決するために『hasLayoutプロパティ』を設定する</li>
<li>フローティング要素に配置された最後の方の文字列がおかしくなる問題に対処するために『フローティング要素でdisplay:inlineを使 う』『最後のフローティング要素でmargin-right:-3pxを指定』『フローティング要素の最後のアイテムとして条件付きコメントを指定する』 『コンテナの最後の要素として空のdiv要素を指定する』といった対処を実施する</li>
<li>IE6はCSSホバー効果をa要素にしか適用できない。クリック可能部分やホバー効果を持たせる要素にはa要素を使う</li>
<li>IE6に特化した指定をおこなうために!important指定を使ったり、Advanced Selectorを使う</li>
<li>パーセント指定はIEでは混乱をきたすため避けるようにする</li>
<li>完成するまでIE6で試験を行わないと修正に長い時間がかかる。早期にそして頻繁に試験をおこなうべき</li>
<li>コードのリファクタリングを実施する</li>
</ol>
</blockquote>
<p>概ね知ってたけど、一部知らなかったこともあったり（汗）</p>
<p>例えば 4 の『hasLayoutプロパティ』。<br />
早速調べてみたら、コリスさんのところでど真ん中の記事発見。</p>
<ul>
<li><a href="http://coliss.com/articles/build-websites/operation/css/143.html">IEでのCSSのバグを回避するhasLayout | コリス</a></li>
</ul>
<p>ふむふむ。<br />
私は、今までこの問題に悩まされたことはあまりなかったですね。<br />
IE でレイアウトに問題が起こったら、まず width 値を設定することにしているので（大抵はこれで解決できる）、この hasLayout を意識せずにすんだということでしょう。</p>
<p>尚、次期 IE のバージョン８では、このプロパティがなくなるそうです。<br />
なくても CSS 対応の不具合によるレイアウト崩れがなくなったから、というのが原因のようで。<br />
IE8 は概ね歓迎できそうな雰囲気ですね。</p>
<p>IEは、セキュリティソフトのように、バージョンアップしなかったら常に警告アイコンが表示されるようになるなど、「バージョンアップするのが当然。しないのは自己責任。（＝旧バージョンではレイアウトが崩れても当然）というような対応をしてもいいと思う・・・。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/677/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/677/" />
	</item>
		<item>
		<title>透過PNGをIE6以下でも表示できるようにする（背景対応）</title>
		<link>http://labrid.jp/wp/archives/621/</link>
		<comments>http://labrid.jp/wp/archives/621/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 08:24:12 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[技術メモ]]></category>
		<category><![CDATA[IE対策]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=621</guid>
		<description><![CDATA[今更・・と思われるかもですが、ちょっと感動したのでメモ。
透過PNG（α値を持ち半透明が表現できる）がIE6以前で表示できない問題を解決する方法が DesignWalker さんのところで紹介されていました。

透過PN [...]]]></description>
			<content:encoded><![CDATA[<p>今更・・と思われるかもですが、ちょっと感動したのでメモ。</p>
<p>透過PNG（α値を持ち半透明が表現できる）がIE6以前で表示できない問題を解決する方法が DesignWalker さんのところで紹介されていました。</p>
<ul>
<li><a rel="nofollow" href="http://www.designwalker.com/2006/12/transparent-png2.html" target="_blank">透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる</a></li>
</ul>
<p>今まで悩んでいたのがバカみたいに全ての問題がすっきり解決しました。<br />
自分が開眼したのかと錯覚する程の感動。感謝！</p>
<p><span style="font-size: x-small;">尚、今まで悩んでいたのは、<a rel="nofollow" href="http://www.twinhelix.com/css/iepngfix/" target="_blank">ここ</a>の iepngfix.htc を使った方法。<br />
これだと、float関連でレイアウトが崩れたり、表示がとんでもなく重くなったり、場合によってはブラウザが固まったりするので、お勧めできません。<br />
sorry -&gt; author. </span></p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/621/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/621/" />
	</item>
	</channel>
</rss>
