我来说两句

最新评论

作者:木糖纯 (2009/8/1 22:03, 评分: 1楼 )
额。。难道没人啊··· 我不会爱
作者:xiaoyi (2009/8/1 22:04, 评分: 2楼 )
肯定有的
我有信心~~~
作者:木糖纯 (2009/8/1 22:32, 评分: 3楼 )
恩，那咱们等狮子吧。。。哇咔咔。。。。。。。他人呢。。。怎么没看到啦
作者:HOPE (2009/8/1 22:45, 评分: 4楼 )
回复 1# xiaoyi 的帖子
http://bbs.blueidea.com/thread-2914009-1-1.html
作者:HOPE (2009/8/1 22:46, 评分: 5楼 )
各种浏览器，及浏览器的各种版本间的差异一直是网页设计师最头痛的问题之一。

作者:HOPE (2009/8/1 22:47, 评分: 6楼 )

这两天在做一个网站的布局，因为经常用firefox，所有的内容都是在firefox下面调试的，等快完工了切回IE7一看，样式差别好多，主要是在margin，padding这几个元素的理解上。
我知道ie6 ie7 firefox 对margin的解释都不同，去网上查了一下，可以通过!important这样的手段hack。
具体的做法有以下几种：
第一种：
.div {
background

range;/*ff*/
*background:green !important;/*ie7*/
*background:blue; /*ie6*/
}
第二种：
.div {
margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/
}
第三种：
#div { color: #333; } /* ff */
* html #div { color: #666; } /* IE6 */
*+html #div { color: #999; } /* IE7 */

现在常用了第一种，很好用，写出来与大家分享。
在给一个例子：
#pages{margin:auto; width:910px; text-align:left; }
#pages{*width:915px !important;} /* IE7 */

作者:xiaoyi (2009/8/2 13:02, 评分: 7楼 )
貌似不行啊
连接地址里面的也试过
没不同
#pages{margin:auto; width:910px; text-align:left; }
#pages{*width:915px !important;} /* IE7 */
这个试了下也没有反应阿
pages是指最外面的div的设定吧？
我改了之后
margin-left在IE6下始终是比IE7中多了一倍的宽度

像第二种：
.div {
margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/
}
说实话我没有看懂啊
IE6、7我这边试了是不一样的距离他的margin怎么是设置的一样的值怎么体现了6和7的区别？
救命啊
作者:xiaoyi (2009/8/2 13:21, 评分: 8楼 )
我知道了
解决了

用第二种
div {
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/
}
只不过需要加上!important 变成下面的样子就好了
div {
*margin:15px !important;/*ie7*/
_margin:10px;/*ie6*/
}
作者:xiaoyi (2009/8/2 13:30, 评分: 9楼 )
谢谢狮子大人提供资料
作者:xiaoyi (2009/8/2 13:31, 评分: 10楼 )
还有几个疑问
!important这个起了个什么作用
网上搜了下
说是指定当前样式的优先级为高，后边再进行定义的相同样式是不会将其重置。
但是IE不支持该属性，而Firefox却支持。。
IE6和IE7不都是IE么
我的测试能明显感觉到设置 !important后两个版本IE浏览器中的显示区别阿

有没有方法可以只用设定一次!important
像我现在用的方法需要每次遇到margin之后都需要设定两次
请高人指点指点