<?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>No Title &#187; css</title>
	<atom:link href="http://www.wterry.net/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.wterry.net</link>
	<description>No title is good title</description>
	<lastBuildDate>Sat, 17 Sep 2011 08:44:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
	<atom:link rel='hub' href='http://www.wterry.net/?pushpress=hub'/>
		<item>
		<title>修改小Bug</title>
		<link>http://www.wterry.net/20090623/fix-a-bug.html</link>
		<comments>http://www.wterry.net/20090623/fix-a-bug.html#comments</comments>
		<pubDate>Mon, 22 Jun 2009 16:26:32 +0000</pubDate>
		<dc:creator>WteRry</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[计算机&网络]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.wterry.net/?p=350</guid>
		<description><![CDATA[自从IE8正式发布了之后我也更新了，其实我是用Firefox的，IE只是用来上BTChina下种子而已。今天忽然发现之前发的有图片的页面在IE8上显示不出图片，看了源码，里面有图片的链接，是CSS的原因。这些图片是用Picasa Image Express这个插件添加的，看来原因就是这个插件了。 在插件目录下面有两个CSS文件： 1picasa-image-express.css 和 1picasa-image-express-IE.css 后面这个是专门给IE8定义的，但是浏览器却没有加载。再打开 1picasa-image-express.php 找到 1[if lt ie 8] 替换成 1[if IE 8] 这样IE8就会加载那个专门定义的CSS了，但是也只是勉强显示，图片全部都竖排了。这里IE8之所以没有加载那个CSS，我觉得可能是版本向量的问题，但是具体也不清楚。 版本向量是指的内部版本号，它存储在浏览器启动时读取的注册表项中。 其实还有另外一种解决方法，因为我测试了一下发现只有IE8才会显示不正常，IE6完全正常，IE7也是显示成竖排。那直接让IE8工作在兼容模式就行了。在模板的header中添加 1&#60;meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;IE=EmulateIE7&#34; / &#62; 这样当IE8读取到页面的时候就会自动使用兼容模式来显示网页。 如何查看 IE8 的工作模式呢，在 IEBlog 的留言中有解答，执行 1&#160;javascript:alert(document.documentMode); ，返回 5，说明工作在 IE5 Quirks 模式下；返回 7，说明工作在 IE7 Strict 模式下（也就是兼容模式）；返回 8，说明工作在 IE8 Standards 模式下。 这样修改以后显示得还是没有按照我的想法来，应该怎么去修改CSS啊？]]></description>
			<content:encoded><![CDATA[<p>自从IE8正式发布了之后我也更新了，其实我是用Firefox的，IE只是用来上BTChina下种子而已。今天忽然发现之前发的有图片的页面在IE8上显示不出图片，看了源码，里面有图片的链接，是CSS的原因。这些图片是用<a  href="http://psytoy.net/picasa-image-express/" target="_blank" class="liexternal">Picasa Image Express</a>这个插件添加的，看来原因就是这个插件了。</p>
<p>在插件目录下面有两个CSS文件：</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">picasa-image-express.css</div></td></tr></tbody></table></div>
<p>和</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">picasa-image-express-IE.css</div></td></tr></tbody></table></div>
<p>后面这个是专门给IE8定义的，但是浏览器却没有加载。再打开</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">picasa-image-express.php</div></td></tr></tbody></table></div>
<p>找到</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">[if lt ie 8]</div></td></tr></tbody></table></div>
<p>替换成</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">[if IE 8]</div></td></tr></tbody></table></div>
<p>这样IE8就会加载那个专门定义的CSS了，但是也只是勉强显示，图片全部都竖排了。这里IE8之所以没有加载那个CSS，我觉得可能是版本向量的问题，但是具体也不清楚。</p>
<blockquote><p>版本向量是指的内部版本号，它存储在浏览器启动时读取的注册表项中。</p></blockquote>
<p>其实还有另外一种解决方法，因为我测试了一下发现只有IE8才会显示不正常，IE6完全正常，IE7也是显示成竖排。那直接让IE8工作在兼容模式就行了。在模板的header中添加</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; / &gt;</div></td></tr></tbody></table></div>
<p>这样当IE8读取到页面的时候就会自动使用兼容模式来显示网页。</p>
<p>如何查看 IE8 的工作模式呢，在 IEBlog 的留言中有解答，执行</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp;javascript:alert(document.documentMode);</div></td></tr></tbody></table></div>
<p>，返回 5，说明工作在 IE5 Quirks 模式下；返回 7，说明工作在 IE7 Strict 模式下（<em>也就是兼容模式</em>）；返回 8，说明工作在 IE8 Standards 模式下。</p>
<p>这样修改以后显示得还是没有按照我的想法来，应该怎么去修改CSS啊？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wterry.net/20090623/fix-a-bug.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>wordpress更新</title>
		<link>http://www.wterry.net/20070806/wordpress%e6%9b%b4%e6%96%b0.html</link>
		<comments>http://www.wterry.net/20070806/wordpress%e6%9b%b4%e6%96%b0.html#comments</comments>
		<pubDate>Mon, 06 Aug 2007 04:58:52 +0000</pubDate>
		<dc:creator>WteRry</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[计算机&网络]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.wterry.net/word/?p=128</guid>
		<description><![CDATA[昨天wordpress更新到了2.2.2，又是一个Security Update，有关更新的详细信息在这里 想自己设计一款主题，发现这实在是太难了，因为我对CSS完全是一窍不通，最后决定从网上找一款Free的Div+CSS的网站模板来改，目前这个计划正在进行中。]]></description>
			<content:encoded><![CDATA[<p>昨天wordpress更新到了2.2.2，又是一个Security Update，有关更新的详细信息在<a  href="http://wordpress.org/development/2007/08/wordpress-222-and-2011/" target="_blank" class="liwp">这里</a></p>
<p>想自己设计一款主题，发现这实在是太难了，因为我对CSS完全是一窍不通，最后决定从网上找一款Free的Div+CSS的网站模板来改，目前这个计划正在进行中。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wterry.net/20070806/wordpress%e6%9b%b4%e6%96%b0.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>更换模板</title>
		<link>http://www.wterry.net/20070613/%e6%9b%b4%e6%8d%a2%e6%a8%a1%e6%9d%bf.html</link>
		<comments>http://www.wterry.net/20070613/%e6%9b%b4%e6%8d%a2%e6%a8%a1%e6%9d%bf.html#comments</comments>
		<pubDate>Wed, 13 Jun 2007 12:48:48 +0000</pubDate>
		<dc:creator>WteRry</dc:creator>
				<category><![CDATA[计算机&网络]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://www.wterry.net/word/?p=70</guid>
		<description><![CDATA[刚才发现了这个主题模板的bug，应该是CSS的问题，但是我不懂CSS，只好放弃这个主题了，现在去找个更好的。]]></description>
			<content:encoded><![CDATA[<p>刚才发现了这个主题模板的bug，应该是CSS的问题，但是我不懂CSS，只好放弃这个主题了，现在去找个更好的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wterry.net/20070613/%e6%9b%b4%e6%8d%a2%e6%a8%a1%e6%9d%bf.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

