登录 注册

登录

问题 求教关于 FireFox Opera 与 IE 的 padding 的兼容问题,, 谢谢!

更多
2008年12月04日 15:53 #1 作者: justdoitrocky
FireFox 和 IE 中关于 padding 不兼容, 搞一晚上没搞好.         

这是IE的




这个是 FireFox 的




代码是:

#spotlight-1 {
        width: 262px!important;
        width: 262px;
        background: #B91919;
        color: #FFFFFF;
        float: left;
        border: 1px solid #C6C6C6;
}

#spotlight-1 div {
        padding: 6px 12px !important;
  padding: 0px 0px;
        margin: 0;
        background: url(../images/spotlight-bg-red.gif) repeat-y top left #C12E2E;
}

#spotlight-1 h3 {
        background: #B91919;
        color: #FFFFFF;
        border: none;
        margin: -6px -12px 6px -6px;
        padding: 6px;
}

#spotlight-2 {
        width: 262px!important;
        width: 262px;
        background: #255EA8;
        color: #FFFFFF;
        float: right;
        border: 1px solid #C6C6C6;
}

#spotlight-2 div {
        padding: 6px 12px !important;
  padding: 0px 0px;
        margin: 0;
        background: url(../images/spotlight-bg-blue.gif) repeat-y top left #386DB2;
}

#spotlight-2 h3 {
        background: #255EA8;
        color: #FFFFFF;
        border: none;
        margin: -6px -12px 6px -6px;
        padding: 6px;
}

登录 或者   注册一个会员帐号 来参与讨论

更多
2009年01月07日 17:07 #2 作者: designer
是ie6么?去搜索一下关于盒模型的bug就知道怎么回事了

你的代码写的可够复杂的,我轻易是不用margin的,会引起不少莫名其妙的问题

登录 或者   注册一个会员帐号 来参与讨论