DIV+CSS难点之经验总结
1、网页居中显示：
需要设置两个地方，一个是body，一个是外边框div。
CSS：
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*最外层DIV*/
width:760px;
margin:0 auto;
padding:0
}
2、文字垂直居中显示：
在DIV中定义一个行高与其高度相同即可。
CSS：
.title{
height:25px;
line-height:25px;
vertical-align:middle;
}
3、图片垂直居中显示：
在<img>标签中加入align="absmiddle"
即可。
4、清除浮动：
如果在同一行上有几个DIV并列显示，那么必须在其中加入清除浮动代码，如果在一行上只是一个DIV，好象不必清除浮动。
CSS：
.clear{clear: both;}
HTML示例：
<div id="main">
<div
class="left"></div>
<div
class="center"></div>
<div
class="right"></div>
<div
class="clear"></div>
</div>
<!--清除浮动后，后面的
代码排列就不会有任何变形了，不管是在IE还是FF中，都很正确-->
<div ……
5、三列结构中的的DIV写法：
适用于左右栏是窄幅，中栏为主要内容显示，让其宽度自适应。
CSS:
#main{
width:760px;
margin:0 auto;
}
.left{
width:100px;
float:left;
}
.right{
width:120px;
float:right;
}
.center{
margin:0
120px 0 100px;/*页面
相关文档：
IE和火狐的css兼容性问题归总
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。
1、DOCTYPE 影响 CSS 处理
2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3、FF: body 设置 text-align 时, div 需要设置 margin: aut ......
如果IE6和IE7显示都正常；火狐也没有问题；检查代码也没有误失；就试试加上这段代码
IE8目前还不稳定，腾讯首页利用IE7的内核来渲染IE8，代码如下:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ......
js没效果:如果在以UpdatePanel的方式的局部回传中，普通的Javascript代码在这种局部回传中就不会在触发了，就必须使用scriptmanager.RegisterClientScript方法（在<form>后面注册<script>）和scriptmanager.RegisterStartupScript方法（在</form之前注册<script>）
在你的用户控件的后端的某个合适� ......
关于CSS对各个浏览器兼容是个非常让人头疼的事情了, 网络上的教程遍地都是.今天在discuz.net上发现了一篇不错的东西，就转载过来和大家共享.可以当作CSS兼容IE6,IE7,FireFox典范了，值得去记录下。发现自己很久没有转载东西。
注：IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*；IE6能识别*，但不能识别 !im ......
网上看到的一些CSS工具资源
在线CSS工具：
W3C CSS 校验服务 :提供万维网协会(W3C)样式表(CSS)校验服务。
CSS 在线编辑器:OnLine CSS Designer - CSS Style Editor。 CSS 样式在线编辑器，可以即时查看CSS 样式效果演示。
QrONE CSS Designer ：在线CSS编辑器，所见即所得。
SKUER - The CSS Search Engine :SKUER ......
