头痛的css（div）布局
我所用的主题fstos在制作和测试阶段都用的ie6，因为是参照wordpress自带的几个主题写的，当时没有考虑css的兼容性问题，犯了“大跃进”错误（用firefox浏览简直是惨不忍睹），但由于工作很忙也没有时间修理它。这两天抽了些时间好好对他来了个大清理，出顺便将我遇到的主要问题总结一下，希望对大家有所帮助。
问题现象：ie中显示正常，firefox中却支离破碎。可大致总结为：有的本来居中的没有居中；本来在最下面的跑到上面来了；本来在一侧的结果到了别处；有的在100px处，可看起来像在105px（举例而已）处；同在一个父层中的两个子层，一个内容多些从高度上来说自然拉伸，但另一个子层却不跟着拉伸；一串英文过长超出了原设定的边界。接下来一个一个说：
1、本来居中的没有居中
在ie中显示是居中的（只需要设置body的text-align:center;不知道为什么感觉这样设置很奇怪。），在firefox中显示是靠左的即没有居中，重新检查了下发现需要设置margin来使相应对象居中：margin:0 auto; 设置的值的含义我就不说了。
2、本来在最下面的跑到上面来了
我采用的是footer单独一个行的布局，也就是说，在footer的左右是没有其他层的。在ie中显示为最下面（css同样也没有特别设置），在firefox中显示跑的上面来了，这个问题是因为没有设置clear，需要设置为clear:both; 即不允许该层两边有浮动对象。
3、本来在一侧的结果到了别处
在ie中sidebar显示在正常的页面中部的右侧（我的布局分为上中下三部分，上下分别为header和footer，中部为帖子列表和sidebar，sidebar在中部的右侧），在firefox中sidebar跑到了中部的下面，footer的上面。
起初我认为可能是sidebar设置为float:right;的缘故排除后，我将sidebar的float设置去掉，转而通过设置margin来使sidebar显示在中部的右侧，但它还是顽固的待在下面，最后通过反复的检查发现之前我在sidebar的一个ul样式中有一个clear:both;的设置，将它去掉后sidebar在firefox中回到上面了，但在ie中还是在下面（检查发现是因为刚才调试的时候将margin的值设置的太大了，firefox显示为继续的右移，而在ie中就转到下一排了，修改margin值后没有这个问题了）。
但是这样却发现ie中和firefox中有几个象素的差别，在ie设置为合适的位置，可在firefox中就靠左了些。这个问题我没有分析清楚，暂时认为是浏览器间的处理不同吧。最后我还原sidebar的float设置为right，这时两
相关文档：
最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。
本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这� ......
在asp.net中，有的时候要动态变换CSS，比如有的时候做个性化页面，可以这样做
<head>
<link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" />
</head>
之后，在要更换CSS的页面中，使用如下代码
Sub Page_Load(Sender As Object, E As EventArgs)
If Not (IsPostBack) ......
1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
2.结构清晰，容易被搜索引擎搜索到，天生优化了seo
3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
4.强大� ......
一 CSS文字属性：
color : #999999; /*文字颜色*/
font-family : 宋体,sans-serif; /*文字字体*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜体*/
font-variant:small-caps; /*小字体*/
letter-spacing : 1pt; /*字间距离*/
line-height : 200%; /*设置行高*/
......
原样式：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</titl ......
