aiouluosi的个人资料

IE6.0、IE7.0 与FireFox CSS兼容的解决方法 IE6.0、IE7.0 与FireFox CSS兼容的解决方法 2009-04-29 14:51 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以 8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。 9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法： div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反，据阿捷的说法! important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样： div{maring:30px;margin:28px}重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx! important; 11.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义 ul{margin:0;padding:0;}就能解决大部分问题注意事项： 1、float的div一定要闭合。例如：(其中floatA、floatB的属性已经设置为float:left;) <#div id=”floatA” ></#div> <#div id=”floatB” ></#div> <#div id=”NOTfloatC” ></#div>这里的NOTfloatC并不希望继续平移，而是希望往下排。这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。在 <#div class=”floatB”></#div> <#div class=”NOTfloatC”></#div>之间加上 <#div class=”clear”></#div>这个div一定要注意声明位置，一定要放在最恰当的地方，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。并且将clear这种样式定义为为如下即可： .clear{ clear:both;}此外，为了让高度能自动适应，要在wrapper里面加上overflow:hidden; 当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。例如某一个wrapper如下定义： .colwrapper{ overflow:hidden; zoom:1; margin:5px auto;} 2、margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如： <#div id=”imfloat”></#div> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/} 3、关于容器的包涵关系很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 4、关于高度的问题如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。（似乎有时候不会自动往下撑开，不知道具体怎么回事） 5、最狠的手段 - !important; 如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下 .tabd1{

甩一帖去上班了

明天不上班，可以睡觉觉了

实在是无聊的很，每天上班啊下班啊多么期待有个女孩陪陪逛逛街买买东西啊真难哦光棍还要打多久是个头啊

【新人报道】求笼罩求勾搭球交往球暖床求拉小手~~~~~ RT

【淮秀帮メ原创】6.6日活动录音--新白专场

【典雅一生】6.6日活动录音--新白专场如发过了，请吧主删吧！一起开心下吧

【青丘浦】6.6日活动录音--新白专场 http://tieba.baidu.com/f?kz=1104509863

【芝音雅社】6.6日活动录音--新白专场 http://tieba.baidu.com/f?kz=1104509863

【青丘浦】迟来的分享，5-28号深圳机场接机照有图有真相

【青丘浦】好久没来了，那啥狐仙出来迎接哈

【芝音雅社】迟来的分享，5-28号深圳机场接机照

真可恶啊龙珠改98它就是不出介是为什么呢

到底设置了什么东西啊就是加入不了

已经报道过了，有谁看过《醉猴》啊 RT

【芝音雅社】话说28号我又见了一把芝姐的倩影

【淮秀帮メ新人报道】新人报道格式还真多啊，满篇精品呀

【快乐至上】芝姐的照片已经拍到了，但不清晰就不拿出来丢人了见谅

【典雅一生】芝姐今晚的照片我已经拍到，谁推荐个好的P图软件啊 RT

【快乐之上】重大新闻，明晚9点我会深圳机场迎接芝姐本吧芝迷鼓掌吧，祝贺吧

【快乐之上】青青速进批准我吧晓晓同学为吧主，谢谢

【典雅一生】来报道一下，好久没来了

我还不理解，穆先生的师傅史昂是怎么收他的啊 RT

冥王神话都出20-21了，龙珠还舍不得出98？

我狂晕啊我码了半天的字吧主居然删帖

小艾的圣衣都被拉达搞成这模样了悲剧哦

求加入 RT

【典雅一生】祝愿各位吧友新的一年新的起点新的发展新年快乐 2010年是我的一个过渡期，新的征程在2011 这一年要卯足全力努力奋斗 2012将是我的收获期！加油哦不久后我的博客将开通(自己的站点哦) 欢迎踩踩目前是IP地址访问：http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2F116.255.140.228%3A8020&urlrefer=2226e193d4d9e8e9b8efe9b9feeda8e9 正式地址：http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.wbnblog.com&urlrefer=330f75051d09de9b337c5f84dd4fcdfe 敬请期待

【青丘浦】祝愿各位吧友新的一年新的气象新的发展 2010年是我的一个过渡期，新的征程在2011 这一年要卯足全力努力奋斗 2012将是我的收获期！加油哦不久后我的博客将开通(自己的站点哦) 欢迎踩踩目前是IP地址访问：http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2F116.255.140.228%3A8020&urlrefer=2226e193d4d9e8e9b8efe9b9feeda8e9 正式地址：http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.wbnblog.com&urlrefer=330f75051d09de9b337c5f84dd4fcdfe 敬请期待

【思盼媚影】祝愿本吧的各位亲们新的一年新的气象新的发展 2010年是我的一个过渡期，新的征程在2011 这一年要卯足全力努力奋斗 2012将是我的收获期！加油另外小雨帮忙照看哥哥的贴吧哦哦不久后我的博客将开通(自己的站点哦) 欢迎踩踩目前是IP地址访问：http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2F116.255.140.228%3A8020&urlrefer=2226e193d4d9e8e9b8efe9b9feeda8e9 正式地址：http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.wbnblog.com&urlrefer=330f75051d09de9b337c5f84dd4fcdfe 敬请期待

【典雅一生】12月29日，是我生日自己祝福一下祝福我早日娶得美丽的娘子

【快乐至上】我无法淡定了，各位开解下哈家里介绍个90年的女孩，居然嫌我大啊她的心思是找个同年或者只大2岁的

【快乐至上】一天一点快乐，12月14日

【快乐至上】刚侧目欣赏了一下杨幂的新剧芳浔幂影进~ 不知道是不是新剧里面有个素问还没来得及知道杨幂扮演什么不过右眼处泛红是个守墓女还是个女侠呵呵招式都还算凌厉难不成吊威压这么简单啊那身轻如燕的我不是更容易？那像人家说的那么辛苦啊？？？

【快乐之上】怎么老掉啊？今天登录的明天又登录~~~ 点击保存密码都无效晕死

【快乐至上】少年张三丰之玉儿去中原

【快乐至上】陶醉出来，咱们水水~ RT

【快乐至上】看了新闻没，21岁男孩在北京地铁道掉下去，死因不明地铁部称摄像头坏掉了

【快乐至上】回来看看，久违的快乐至上~

【快乐自上】根据股市行情，本吧吧股开始下跌再观望爱芝俱乐部吧股不停上升

我是刚来的，来报个到，什么是御姐控

【快乐至上】青青速进~~~ 短信已经发到你手机了，，呵呵小雨说很想你我就不知道为嘛你们没有联系呢（这表情栏又出来了，，汗）

【快乐至上】YY语音有谁用过啊，，大家一起语音吧

【典雅一生】【小店开张】欢迎各位互相告知

【快乐至上】【晓霞的网店】欢迎各位互相告知

【人在天涯】PS设计学习处~~ http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.68design.net%2F&urlrefer=17a5a468ccafa8e9cc6ccbd50a8bdfaf http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.zcool.com.cn%2F&urlrefer=11c9a197a88997e965c0e014694d3402 http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.blueidea.com%2F&urlrefer=3e48aea65beafefb60068202abc0ca69 http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.wzsky.net%2F&urlrefer=50844e2a57b26db41c390f33bc97795a http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Ftech.163.com%2Fschool%2F&urlrefer=05ac93220e669a85e106b5928b79f181

【快乐至上】哎，在家也顶多呆个一两天~~~ 亲们，，我要归来啦