在IE6、IE7中margin设置怎么解决

xiaoyi

如题
在IE6、IE7中margin设置怎么解决
刚刚做的时候总是设置出来有差别阿
6与7的margin差了10PX的样子

木糖纯

额。。难道没人啊···  我不会爱

xiaoyi

肯定有的
我有信心~~~

木糖纯

恩， 那咱们等狮子吧。。。哇咔咔。。。。。。。他人呢。。。怎么没看到啦

HOPE

http://bbs.blueidea.com/thread-2914009-1-1.html

HOPE

各种浏览器，及浏览器的各种版本间的差异一直是网页设计师最头痛的问题之一。

HOPE

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

貌似不行啊
连接地址里面的也试过
没不同
#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

我知道了
解决了

用第二种
div {
   *margin:15px;/*ie7*/
   _margin:15px;/*ie6*/
}
只不过需要加上!important 变成下面的样子就好了
div {
   *margin:15px !important;/*ie7*/
   _margin:10px;/*ie6*/
}

xiaoyi

  谢谢狮子大人提供资料

xiaoyi

还有几个疑问
!important这个起了个什么作用
网上搜了下
说是指定当前样式的优先级为高，后边再进行定义的相同样式是不会将其重置。
但是IE不支持该属性，而Firefox却支持。。
IE6和IE7不都是IE么
我的测试能明显感觉到设置 !important后两个版本IE浏览器中的显示区别阿


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

可乐

静候高人。。。静候高人。。。




                           

xiaoyi

莫沉 莫沉
我虚心求教

HOPE

楼下的看看。

小家伙

xiaoyi ，狮子，高手！