尊敬的客户您好,经我们多年的网站制作、网络营销经验,请建站和优化同时做,以达到最好的推广效果!----创赢网络 2012-06
加入收藏设为首页
  • [2013-8-7]洛阳贷款 洛阳小额贷款公司网站上线
  • [2013-8-4]洛阳开锁公司 洛阳开锁电话优化
  • [2013-5-25]洛阳聚鑫钢绳有限公司网站上线
  • [2013-5-20]吉利区图书馆网站备案通过上线开通
  • [2013-5-13]洛阳旭晋昇商贸有限公司 食品批发零售
  • [2013-4-14]洛阳市建投节能技术服务有限公司 新版上线
  • [2013-4-11]南阳顽石玉器工作室网站上线
  • ------专业网站设计制作、网站排名优化、建设一流品牌!
    新闻正文 ·您的位置:首页 > 新闻中心 > 技术中心 > 查看新闻

    DIV+CSS,兼容IE 6 7.FOX等等有什么要注意的地方

    作者:redroom  来源:redroom  发表时间:2009-10-25 21:45:16  点击:2963

    一般直接打开这几种浏览器来回测试。网站做多了自然就有经验了。最好用的莫过于!important,ff下可以识别,而ie下不可以,这样就可以把ie和ff区分开来了。我的感觉:

    1. ul { padding:0px; margin:0px; list-style:none;}
    这个在global下就设置好,否则ff下默认是有小圆点和空白的。

    2. overflow:hidden;
    这样可以自适应高度。

    另外:

    CSS 兼容要点:DOCTYPE 影响 CSS 处理

    FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

    FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

    FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

    div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行

    cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以

    FF: 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格XHTML+CSS兼容性解决方案小集

    CSS布局口诀
    一、IE边框若显若无,须注意,定是高度设置已忘记;

    二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;

    三、三像素文本慢移不必慌,高度设置帮你忙;

    四、兼容各个浏览须注意,默认设置行高可能是杀手;

    五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;

    六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

    七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。

    八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。

    九、IE浮动双边距,请用display:inline拘。

    十、列表横向排版,列表代码须紧靠,空隙自消须铭记。

    您的需求

    联系我们

    正确的选择

    金亚洲安全吗