1.用div布局在火狐浏览器布局中的问题?
body{text-align:center;}
div{margin:auto;}
2.关于背景图片不不显示问题的总结
a.路径错误
b.未设置宽或者高度
c.用于<span>标签中(加上dispaly:block或div_all{overflow:auto;}
div_nei{float:left;} div_all 在div_nei的外面)
d.图片格式问题 ie6不完全支持png格式(更改了后缀名可能也不行)
e.图片可能损坏
3.样式设计经验总结
a.再最外层框架设置固定高度和宽度,其他框架不要设置,元素设置高度
b.在最外层框架设置 Margin属性,不要设置padding
c.padding应尽量靠近元素
d.在最外层的每一个框架(div)加上padding:0px;
4.用样式截断字符串 word-wrap:break-word 可用于以下情况
a.数据绑定时显示 固定的长度
b.设定td的宽度,然后设置此属性让td显示固定长度
5.div之间的缝隙问题解决办法
div里存在图片的话,两个div之间就会有缝隙,解决的办法就是在div样式里加上font-size:0px;
6.ul li制作菜单
ul li默认的是树形显示,要让他左右显示并去掉.方法是 ul{list-style:none;}li{float:left}
7.框架页面只显示垂直滚动条,不显示水平滚动条
在框架里<frame src="Left.aspx" scrolling="auto" noresize="noresize" />
在left。aspx里 html, body {padding: 0;overflow-x: hidden;overflow-y:auto;}
8.火狐里面设置margin-top 没效果的问题(原因很复杂,情况很多)
a.<div style="float:left;">float:left</div>
<div style="clear:both;"></div>(加上此句)
<div style=" margin-top:14px; background:#039;">clear:both; margin-top:14px;</div>
b.<div style="float:left;">float:left</div>
<div style="dispaly:inline-block; margin-top:14px; background:#039;">clear:both; margin-top:14px;</div>
只是其中的两种办法
9.div里的tabel 在火狐里不能局中的问题
由于text-align 是让文字居中,所以在div加上他并不能让tabel居中
style="margin:0 auto;" 在tabel 的样式里设置样式