<?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/"
	>

<channel>
	<title>Fwolf's Blog &#187; IE - Fwolf's Blog</title>
	<atom:link href="http://www.fwolf.com/blog/post/tag/ie/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fwolf.com/blog</link>
	<description>随心·随意·随缘·努力～</description>
	<lastBuildDate>Wed, 07 Jul 2010 07:07:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>WordPress在IE下Sidebar显示定位错误的问题已解决</title>
		<link>http://www.fwolf.com/blog/post/93</link>
		<comments>http://www.fwolf.com/blog/post/93#comments</comments>
		<pubDate>Sun, 04 Dec 2005 15:48:27 +0000</pubDate>
		<dc:creator>Fwolf</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[overflow]]></category>
		<category><![CDATA[sidebar]]></category>

		<guid isPermaLink="false">http://www.fwolf.com/blog/post/93</guid>
		<description><![CDATA[一直使用Firefox，偶尔用IE上一下这个Blog，却发现Sidebar显示在了首页所有文章的下面，究其原因，原来是在最近的几篇文章中，有几个pre或code元素的宽度超出了左边这部分的宽度，从而占用了右边的Sidebar的空间，而IE又没有很好的解决Overflow的问题（参见Migrate apps from Internet Explorer to Mozilla中的CSS overflow differences部分），于是在css中添加如下代码： #sidebar &#123;position: absolute; left: 120px;&#125; 将Sidebar改为绝对值定位，问题解决，同时将pre和code加上了 overflow: auto; 这样贴代码的时候如果宽度太宽，会自动出现水平滚动条的，当然，由于IE没有很好的支持这项属性，因此在IE下是看不到这个效果的。 Tags: css, IE, overflow, sidebar Related posts 升级WP旧模板，让它支持Widgets (4) WordPress升级后分类乱码的原因及解决 (2) WordPress升级到2.3.1 (0) Message rejected for Sector 5 policy reasons (0) IE 6.0仍然无法显示PNG图片文件的原貌？ (0)]]></description>
			<content:encoded><![CDATA[<p>一直使用Firefox，偶尔用IE上一下这个Blog，却发现Sidebar显示在了首页所有文章的下面，究其原因，原来是在最近的几篇文章中，有几个pre或code元素的宽度超出了左边这部分的宽度，从而占用了右边的Sidebar的空间，而IE又没有很好的解决Overflow的问题（参见<a href="http://www-128.ibm.com/developerworks/web/library/wa-ie2mozgd/">Migrate apps from Internet Explorer to Mozilla</a>中的CSS overflow differences部分），于是在css中添加如下代码：</p>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#sidebar</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">120px</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></div></div>


<p>将Sidebar改为绝对值定位，问题解决，同时将pre和code加上了</p>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span></pre></div></div>


<p>这样贴代码的时候如果宽度太宽，会自动出现水平滚动条的，当然，由于IE没有很好的支持这项属性，因此在IE下是看不到这个效果的。</p>

	Tags: <a href="http://www.fwolf.com/blog/post/tag/css" title="css" rel="tag">css</a>, <a href="http://www.fwolf.com/blog/post/tag/ie" title="IE" rel="tag">IE</a>, <a href="http://www.fwolf.com/blog/post/tag/overflow" title="overflow" rel="tag">overflow</a>, <a href="http://www.fwolf.com/blog/post/tag/sidebar" title="sidebar" rel="tag">sidebar</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.fwolf.com/blog/post/402" title="升级WP旧模板，让它支持Widgets (2008-05-11)">升级WP旧模板，让它支持Widgets</a> (4)</li>
	<li><a href="http://www.fwolf.com/blog/post/394" title="WordPress升级后分类乱码的原因及解决 (2008-04-05)">WordPress升级后分类乱码的原因及解决</a> (2)</li>
	<li><a href="http://www.fwolf.com/blog/post/366" title="WordPress升级到2.3.1 (2007-11-02)">WordPress升级到2.3.1</a> (0)</li>
	<li><a href="http://www.fwolf.com/blog/post/284" title="Message rejected for Sector 5 policy reasons (2007-02-03)">Message rejected for Sector 5 policy reasons</a> (0)</li>
	<li><a href="http://www.fwolf.com/blog/post/89" title="IE 6.0仍然无法显示PNG图片文件的原貌？ (2005-11-14)">IE 6.0仍然无法显示PNG图片文件的原貌？</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.fwolf.com/blog/post/93/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>IE 6.0仍然无法显示PNG图片文件的原貌？</title>
		<link>http://www.fwolf.com/blog/post/89</link>
		<comments>http://www.fwolf.com/blog/post/89#comments</comments>
		<pubDate>Mon, 14 Nov 2005 15:27:03 +0000</pubDate>
		<dc:creator>Fwolf</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[png]]></category>

		<guid isPermaLink="false">http://www.fwolf.com/blog/post/89</guid>
		<description><![CDATA[最近写一个帮助的时候无意中发现了这个有意思的事情，本来我都是在Mozilla中查看所编写的帮助文件的，突然想看一下它在IE中的效果，结果很是让我震惊： 还以为是图片出了什么问题了呢，但在Mozilla中看还是正常啊，看着那其实比较有规则的图片中的“白花”，我觉得这是IE的问题，也许使用HyperSnap截的图格式不是十分标准？也许压缩的时候出了点问题？于是我用GIMP把图片文件打开，不用做任何修改，直接保存一下，在IE下就显示正常了。 PS: 一般Windows窗口的截图，PNG格式都会比JPG格式要小，尤其是颜色比较规则、只有简单图形和文字的画面。 Update @ 2008-08-30 IE6下PNG透明的问题终于有了变通的解决方案────在背景中放个透明的gif文件，虽然有些文不对题，还是记在这里好了：Unit PNG Fix &#38; IE PNG Fix &#8211; 解决IE6下PNG透明问题 Tags: bug, IE, png Related posts 压缩网页图片 (0) WordPress在IE下Sidebar显示定位错误的问题已解决 (3) PNG图片压缩工具 (7) adodb5连接sybase的一个错误 (0)]]></description>
			<content:encoded><![CDATA[<p>最近写一个帮助的时候无意中发现了这个有意思的事情，本来我都是在Mozilla中查看所编写的帮助文件的，突然想看一下它在IE中的效果，结果很是让我震惊：</p>

<p><a href="http://www.flickr.com/photos/fwolf/63229094/" title="Photo Sharing"><img src="http://static.flickr.com/26/63229094_cbc1b80514_m.jpg" width="238" height="240" alt="IE看PNG图片的乱码" /></a></p>

<p>还以为是图片出了什么问题了呢，但在Mozilla中看还是正常啊，看着那其实比较有规则的图片中的“白花”，我觉得这是IE的问题，也许使用HyperSnap截的图格式不是十分标准？也许压缩的时候出了点问题？于是我用GIMP把图片文件打开，不用做任何修改，直接保存一下，在IE下就显示正常了。</p>

<p><a href="http://www.flickr.com/photos/fwolf/63229101/" title="Photo Sharing"><img src="http://static.flickr.com/27/63229101_73e2dc27ef_m.jpg" width="230" height="240" alt="使用GIMP打开并保存一下就不乱码了" /></a></p>

<p>PS: 一般Windows窗口的截图，PNG格式都会比JPG格式要小，尤其是颜色比较规则、只有简单图形和文字的画面。</p>

<h4>Update @ 2008-08-30</h4>

<p>IE6下PNG透明的问题终于有了变通的解决方案────在背景中放个透明的gif文件，虽然有些文不对题，还是记在这里好了：<a href="http://cople.cn/network/transparent-pngs-in-internet-explorer-6.html">Unit PNG Fix &amp; IE PNG Fix &#8211; 解决IE6下PNG透明问题</a></p>

	Tags: <a href="http://www.fwolf.com/blog/post/tag/bug" title="bug" rel="tag">bug</a>, <a href="http://www.fwolf.com/blog/post/tag/ie" title="IE" rel="tag">IE</a>, <a href="http://www.fwolf.com/blog/post/tag/png" title="png" rel="tag">png</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.fwolf.com/blog/post/447" title="压缩网页图片 (2009-08-12)">压缩网页图片</a> (0)</li>
	<li><a href="http://www.fwolf.com/blog/post/93" title="WordPress在IE下Sidebar显示定位错误的问题已解决 (2005-12-04)">WordPress在IE下Sidebar显示定位错误的问题已解决</a> (3)</li>
	<li><a href="http://www.fwolf.com/blog/post/53" title="PNG图片压缩工具 (2005-06-19)">PNG图片压缩工具</a> (7)</li>
	<li><a href="http://www.fwolf.com/blog/post/391" title="adodb5连接sybase的一个错误 (2008-03-25)">adodb5连接sybase的一个错误</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.fwolf.com/blog/post/89/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
