<?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>Dansion&#039;s 日志 &#187; css</title>
	<atom:link href="http://www.dansion.com/blog/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dansion.com/blog</link>
	<description>学无止境～～～～～～～</description>
	<lastBuildDate>Thu, 29 Sep 2011 09:25:36 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>又一个可用的CSS HACK</title>
		<link>http://www.dansion.com/blog/xhtmlcss/csshack.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/csshack.html#comments</comments>
		<pubDate>Tue, 07 Apr 2009 22:55:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[ie8]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/?p=112</guid>
		<description><![CDATA[长时间写AS代码之后，养成良好习惯，每行代码结束随手输入&#8221;;&#8221;,无意中在在整CSS时也顺便在&#8221;}&#8221;之后敲了个&#8221;;&#8221;,变态是整个CSS文件也仅仅只是多敲了这么一个.于是乎在firefox,chorm,opera测试页面时无论如何也不能和IE一致。经过一番&#8230;&#8230;
IE7,IE6包括IE5.5都支持 样式结束之后&#8221;;&#8221;号码,IE8以及firefox,chorm,opera在解晰CSS会让&#8221;;&#8221;号之后的单个样式类无效．
.classA{color:#f00;}/*IE8,firefox,chorm,opera*/
;.classA{color:#000;}/*IE7,IE6,IE5.5*/
这种方式在CSS测试中不能给在&#8221;;&#8221;增加注释代码．
.classA{color:#f00;}/*IE8,firefox,chorm,opera*/
{};.classA{color:#000;}/*IE7,IE6,IE5.5*/
虽然方式在开发中不值的推荐，但对一些原来网站要做IE8,firefox,chorm,opera做兼容性调整，在CSS中完全可以在原来的CSS前面再增加一个同名的样式类来设定对IE8,firefox,chorm,opera的支又不影响原来IE7或之前版本的。看来这样hack还是有一定价值的。
.classA{};classA{}
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/csshack.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>关于CSS3</title>
		<link>http://www.dansion.com/blog/xhtmlcss/about-css3.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/about-css3.html#comments</comments>
		<pubDate>Fri, 07 Mar 2008 15:19:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[CSS3预览]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/38</guid>
		<description><![CDATA[在微软向W3C靠扰的时候,以及IE8的出现,我想以后IE的更新速度一定会加快.对于CSS3的支持也是迟早的事.而火狐(FF)在中国网络上的的广告攻势也不能小视.部份CSS3的特性,FF已经支持了,像圆角之特别有用的新特性.&#60;br/&#62;从网上收集的资料看,大至上有以下一些特性,我们可以用Firefox,&#160;Konqueror,&#160;Opera&#160;or&#160;Safari/Webkit.去看看效果.&#60;br/&#62;&#60;br/&#62;&#60;ul&#62;&#60;li&#62;边框(border-color,border-image&#160;,border-radius&#160;,box-shadow&#160;)&#60;/li&#62;&#60;li&#62;背景(background-origin,background-clip,background-size,multiple&#160;backgrounds)&#60;/li&#62;&#60;li&#62;颜色(HSL&#160;colors&#160;,HSLA&#160;colors&#160;,opacity&#160;,RGBA&#160;colors&#160;)&#60;/li&#62;&#60;li&#62;文本特效Text&#160;effects(text-shadow,text-overflow,word-wrap)&#60;/li&#62;&#60;li&#62;界面(box-sizing,resize&#160;outline&#160;)&#60;/li&#62;&#60;li&#62;选择器Selectors&#60;/li&#62;&#60;li&#62;其它(media&#160;queries,multi-column&#160;layout,,speech)&#60;/li&#62;&#60;li&#62;继续&#8230;&#8230;&#60;/li&#62;&#60;/ul&#62;CSS3的特性在(FF)以及webkit等其它浏览器都不是以标准的语法去表示,&#60;br/&#62;FireFox则会在标准语法加(-moz-)，webkit则加(-webkit-).&#60;br/&#62;
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/about-css3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE中z-index层叠失效</title>
		<link>http://www.dansion.com/blog/xhtmlcss/z-index-for-ie.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/z-index-for-ie.html#comments</comments>
		<pubDate>Mon, 03 Mar 2008 15:34:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[z-index]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/36</guid>
		<description><![CDATA[最近在制作HTML页面,很多两列的地方需要一侧因定宽度,另一侧自适应宽度.当需要一个下拉菜单效果时,无论把z-index的值设为多高,菜单的DIV始终不在页面最顶层.HTML
&#60;div&#160;class=&#34;a&#34;&#62;a&#160;&#60;div&#160;class=&#34;menu&#34;&#62;sub&#160;a&#60;/div&#62;&#60;/div&#62;&#60;div&#160;class=&#34;b&#34;&#62;b&#60;/div&#62;
CSS
.a&#160;{position:relative;background:#f00;}.menu{position:absolute;background:#0ff;height:50px;z-index:99;}.b&#160;{position:relative;background:#ff0;}
以上是页面代码,menu的z-index已设为99,但在IE6,IE7中DIV[menu]始终在div的下面.只能通加设置div[a]的z-index的值来提升级div[menu]层叠高度,但在火狐中无需设置.可以看出IE对层叠顺序的继承性比火孤要严格的多.但本人觉火孤的方式接近设计者的意图.虽然对IE和火狐对CSS不同解析深恶痛绝,也只能感到无奈.
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/z-index-for-ie.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Expression在css中最简单的应用（隔行换色）</title>
		<link>http://www.dansion.com/blog/xhtmlcss/css-expression.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/css-expression.html#comments</comments>
		<pubDate>Thu, 15 Mar 2007 11:48:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/7</guid>
		<description><![CDATA[IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段javascript表达式，CSS属性的值等于javascript表达式计算的结果。&#160;在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。例：简单实现隔行换色。
tr&#160;{&#160;background-color:&#160;expression(this.sectionRowIndex==0?&#34;#FF0000&#34;:((this.sectionRowIndex%2==0)&#160;?&#160;&#34;#F7F7F7&#34;&#160;:&#160;&#34;#FFFFFF&#34;));}
#FF0000是设定表格第一行背景颜色。#F7F7F7与#FFFFFF是后续几行隔行换色。
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/css-expression.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>常用CSS缩写语法总结</title>
		<link>http://www.dansion.com/blog/xhtmlcss/css-contraction.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/css-contraction.html#comments</comments>
		<pubDate>Tue, 13 Mar 2007 07:53:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/9</guid>
		<description><![CDATA[使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：&#160;颜色&#160;16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：&#160;#000000可以缩写为#000;#336699可以缩写为#369;&#160;盒尺寸&#160;通常有下面四种书写方法:&#160;property:value1;&#160;表示所有边都是一个值value1；&#160;property:value1&#160;value2;&#160;表示top和bottom的值是value1,right和left的值是value2&#160;property:value1&#160;value2&#160;value3;&#160;表示top的值是value1，right和left的值是value2，bottom的值是value3&#160;property:value1&#160;value2&#160;value3&#160;value4;&#160;四个值依次表示top,right,bottom,left&#160;方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：&#160;margin:1em&#160;0&#160;2em&#160;0.5em;&#160;边框(border)&#160;边框的属性如下：&#160;border-width:1px;&#160;border-style:solid;&#160;border-color:#000;&#160;可以缩写为一句：border:1px&#160;solid&#160;#000;&#160;语法是border:width&#160;style&#160;color;&#160;背景(Backgrounds)&#160;背景的属性如下：&#160;background-color:#f00;&#160;background-image:url(background.gif);&#160;background-repeat:no-repeat;&#160;background-attachment:fixed;&#160;background-position:0&#160;0;&#160;可以缩写为一句：background:#f00&#160;url(background.gif)&#160;no-repeat&#160;fixed&#160;0&#160;0;&#160;语法是background:color&#160;image&#160;repeat&#160;attachment&#160;position;&#160;你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：&#160;color:&#160;transparent&#160;image:&#160;none&#160;repeat:&#160;repeat&#160;attachment:&#160;scroll&#160;position:&#160;0%&#160;0%&#160;字体(fonts)&#160;字体的属性如下：&#160;font-style:italic;&#160;font-variant:small-caps;&#160;font-weight:bold;&#160;font-size:1em;&#160;line-height:140%;&#160;font-family:&#34;Lucida&#160;Grande&#34;,sans-serif;&#160;可以缩写为一句：font:italic&#160;small-caps&#160;bold&#160;1em/140%&#160;&#34;Lucida&#160;Grande&#34;,sans-serif;&#160;注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。&#160;列表(lists)&#160;取消默认的圆点和序号可以这样写list-style:none;,&#160;list的属性如下:&#160;list-style-type:square;&#160;list-style-position:inside;&#160;list-style-image:url(image.gif);&#160;可以缩写为一句：list-style:square&#160;inside&#160;url(image.gif);
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/css-contraction.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网页HTML默认的CSS样式表属性总结</title>
		<link>http://www.dansion.com/blog/xhtmlcss/html-default-css-attribute.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/html-default-css-attribute.html#comments</comments>
		<pubDate>Mon, 05 Mar 2007 04:56:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/10</guid>
		<description><![CDATA[除了inline和block的定义，主要是要注意&#160;&#160;body&#124;h1~h6&#124;blockquote&#124;menu&#124;ul&#124;ol&#124;dd等标签的默认样式（margin和font-size）。&#160;不过不同浏览器的默认值是不一样的.
html,&#160;address,&#160;blockquote,&#160;body,&#160;dd,&#160;div,&#160;dl,&#160;dt,&#160;fieldset,&#160;form,&#160;frame,&#160;frameset,&#160;h1,&#160;h2,&#160;h3,&#160;h4,&#160;h5,&#160;h6,&#160;noframes,&#160;ol,&#160;p,&#160;ul,&#160;center,&#160;dir,&#160;hr,&#160;menu,&#160;pre&#160;&#160;&#160;{&#160;display:&#160;block&#160;}&#160;li&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;list-item&#160;}&#160;head&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;none&#160;}&#160;table&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table&#160;}&#160;tr&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-row&#160;}&#160;thead&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-header-group&#160;}&#160;tbody&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-row-group&#160;}&#160;tfoot&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-footer-group&#160;}&#160;col&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-column&#160;}&#160;&#160;colgroup&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-column-group&#160;}&#160;td,&#160;th&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-cell;&#160;}&#160;caption&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:&#160;table-caption&#160;}&#160;th&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-weight:&#160;bolder;&#160;text-align:&#160;center&#160;}&#160;caption&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;text-align:&#160;center&#160;}&#160;body&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin:&#160;8px;&#160;line-height:&#160;1.12&#160;}&#160;h1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;2em;&#160;margin:&#160;.67em&#160;0&#160;}&#160;h2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;1.5em;&#160;margin:&#160;.75em&#160;0&#160;}&#160;h3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;1.17em;&#160;margin:&#160;.83em&#160;0&#160;}&#160;h4,&#160;p,&#160;blockquote,&#160;ul,&#160;fieldset,&#160;form,&#160;ol,&#160;dl,&#160;dir,&#160;menu&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin:&#160;1.12em&#160;0&#160;}&#160;&#160;h5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;.83em;&#160;margin:&#160;1.5em&#160;0&#160;}&#160;h6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;.75em;&#160;margin:&#160;1.67em&#160;0&#160;}&#160;h1,&#160;h2,&#160;h3,&#160;h4,&#160;h5,&#160;h6,&#160;b,&#160;strong&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-weight:&#160;bolder&#160;}&#160;blockquote&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin-left:&#160;40px;&#160;margin-right:&#160;40px&#160;}&#160;i,&#160;cite,&#160;em,&#160;var,&#160;address&#160;&#160;&#160;&#160;{&#160;font-style:&#160;italic&#160;}&#160;pre,&#160;tt,&#160;code,&#160;kbd,&#160;samp&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-family:&#160;monospace&#160;}&#160;pre&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;white-space:&#160;pre&#160;}&#160;button,&#160;textarea,&#160;input,&#160;object,&#160;&#160;select&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;display:inline-block;&#160;}&#160;big&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;font-size:&#160;1.17em&#160;}&#160;small,&#160;sub,&#160;sup&#160;{&#160;font-size:&#160;.83em&#160;}&#160;sub&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;sub&#160;}&#160;&#160;sup&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;super&#160;}&#160;table&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;border-spacing:&#160;2px;&#160;}&#160;thead,&#160;tbody,&#160;tfoot&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;middle&#160;}&#160;td,&#160;th&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;vertical-align:&#160;inherit&#160;}&#160;s,&#160;strike,&#160;del&#160;&#160;{&#160;text-decoration:&#160;line-through&#160;}&#160;hr&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;border:&#160;1px&#160;inset&#160;}&#160;ol,&#160;ul,&#160;dir,&#160;menu,&#160;dd&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;margin-left:&#160;40px&#160;}&#160;ol&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;list-style-type:&#160;decimal&#160;}&#160;ol&#160;ul,&#160;ul&#160;ol,&#160;ul&#160;ul,&#160;ol&#160;ol&#160;&#160;&#160;&#160;{&#160;margin-top:&#160;0;&#160;margin-bottom:&#160;0&#160;}&#160;u,&#160;ins&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;text-decoration:&#160;underline&#160;}&#160;br:before&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;content:&#160;&#34;A&#34;&#160;}&#160;:before,&#160;:after&#160;{&#160;white-space:&#160;pre-line&#160;}&#160;&#160;center&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;text-align:&#160;center&#160;}&#160;abbr,&#160;acronym&#160;&#160;&#160;{&#160;font-variant:&#160;small-caps;&#160;letter-spacing:&#160;0.1em&#160;}&#160;:link,&#160;:visited&#160;{&#160;text-decoration:&#160;underline&#160;}&#160;:focus&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;outline:&#160;thin&#160;dotted&#160;invert&#160;}&#160;/*&#160;Begin&#160;bidirectionality&#160;settings&#160;(do&#160;not&#160;change)&#160;*/&#160;BDO[DIR=&#34;ltr&#34;]&#160;&#160;{&#160;direction:&#160;ltr;&#160;unicode-bidi:&#160;bidi-override&#160;}&#160;BDO[DIR=&#34;rtl&#34;]&#160;&#160;{&#160;direction:&#160;rtl;&#160;unicode-bidi:&#160;bidi-override&#160;}&#160;*[DIR=&#34;ltr&#34;]&#160;&#160;&#160;&#160;{&#160;direction:&#160;ltr;&#160;unicode-bidi:&#160;embed&#160;}&#160;*[DIR=&#34;rtl&#34;]&#160;&#160;&#160;&#160;{&#160;direction:&#160;rtl;&#160;unicode-bidi:&#160;embed&#160;}&#160;@media&#160;print&#160;{&#160;&#160;&#160;h1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{&#160;page-break-before:&#160;always&#160;}&#160;&#160;&#160;h1,&#160;h2,&#160;h3,&#160;&#160;&#160;h4,&#160;h5,&#160;h6&#160;&#160;&#160;&#160;{&#160;page-break-after:&#160;avoid&#160;}&#160;&#160;&#160;ul,&#160;ol,&#160;dl&#160;&#160;&#160;&#160;{&#160;page-break-before:&#160;avoid&#160;}
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/html-default-css-attribute.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ie6.0对css支持不足例举</title>
		<link>http://www.dansion.com/blog/xhtmlcss/css-in-ie6.html</link>
		<comments>http://www.dansion.com/blog/xhtmlcss/css-in-ie6.html#comments</comments>
		<pubDate>Thu, 11 Jan 2007 12:42:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[xhtml+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie6]]></category>

		<guid isPermaLink="false">http://www.dansion.com/blog/archives/5</guid>
		<description><![CDATA[在用IE中用CSS布局会出现各种问题.本人习惯把body当然最外层的div来用.然后所有的div都float:left;进行布局,结要在此时给body设背影图片时,会出现无法解释的定位问题.特别是需要制作左边固定宽度,右边是随窗口变化的那种页面.第二种情况,在设置:body{width:750px;margin:0px&#160;auto}这种方式合页面居中后.
&#60;div&#160;class=&#34;layout&#34;&#62;&#160;&#160;&#160;&#60;div&#160;class=&#34;left&#34;&#62;&#60;/div&#62;&#160;&#160;&#160;&#60;div&#160;class=&#34;right&#34;&#62;&#60;/div&#62;&#60;/div&#62;
设置样式表:.layout{padding-left:200px;}.left{margin-left:-200px;position:absolute;float:left;}.right{}这样设置方式可实现虽然意义不大.但IE在这种情况会一个问题.在窗口变化后.left的div的定位总有所有不对,好像是针对body定位一样.第三种当把ul也当做div用,也就是ul也成了布局元素(本人习惯想少写一些代码,希望文件小点,这种想法虽然有些变态,但也是一种尝试).在IE会出会现一个很有意的问题,就是ul里的最后一个li的几个文字会重复出现在ul外面.却不影响后续布局.这种情况会一递传.在FF中却没有种情况.
]]></description>
		<wfw:commentRss>http://www.dansion.com/blog/xhtmlcss/css-in-ie6.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

