发新话题
打印

[求解] FF兼容问题,请教如何修改这段CSS

FF兼容问题,请教如何修改这段CSS

在IE内核的浏览器中显示正常,与FF中的显示效果对比,附有图片见附件,博客地址:www.qseen.cn
请教高手如何修改CSS使其与FF兼容,先谢谢了。
相关的原CSS代码:
------------------------------------导航条部分--------------------------------------
    /* Navigation */
    .nav {
    width:960px;
background:#B2D281;
    height:13px;
    margin:0 auto;
    }
   
    .nav ul {
    list-style-type:none;
    text-align:left;
    padding:7px !important;
    padding:6px;
    }
   
    .nav li {
    display:inline;
    }
   
    .nav li a {
    letter-spacing:0.2em;
    text-transform:uppercase;
    margin:0;
    padding:9px 8px;
    }
   
    .nav li a,.nav li a:link,.nav li a:visited {
    color:#516631;
    text-decoration:none;
    }
   
    .nav li a:hover,.nav li.current_page_item a,.nav li.current_page_item a:hover {
    color:#3C4B24;
font-size:13px;
    background:none;
    }
-----------------------------------侧边栏部分---------------------------------------
/*结构定义*/
#sidebar {
float:left;
margin:20px 10px 20px 0;
width:320px;
text-align:left;
overflow:hidden;
}
/*其他*/
    #sidebar h2 {
    color:#333333;
    font-size:12px;
    text-transform:uppercase;
    margin:15px 2px 0 10px;
    padding:2px 0;
    }
   
    #sidebar ul {
    color:#777;
    list-style:none;
    }
   
    #sidebar li {
    width:100%;
    }
   
    #sidebar ul ul li {
    width:100%;
    margin:0 10px;
    padding:2px;
    }
   
    #sidebar ul ul li a,#sidebar ul ul li a:link,#sidebar ul ul li a:visited {
    color:#105CB6;
    background:none;
    padding:4px;
    }
   
    #sidebar ul ul li a:hover {
    color:#E61A42;
    background:none;
    text-decoration:underline;
    }
   
    .left-sidecolumn {
    clear:left;
    float:left;
    width:55%;
    padding:5px 0 0 5px;
    }
        
    .intro {
    color:#777;
    width:90%;
    margin:5px;
    padding:5px;
    text-align:left;
    }

/*这里是自己修改的内容,估计有兼容问题*/
#sidebar li#about {
width:89%;
border:1px solid #ddd;
padding-left:5px;
margin:10px 3px 10px 4px;
}
附件: 您所在的用户组无法下载或查看附件

TOP

很抱歉,附图中的说明文字全部弄反了,更正一下。

TOP

举个例子

color:#FF0000;       /* 给 Firfox 看的 */
   #color:#00FF00;     /* 给 IE7.0 看的 */
   _color:#0000FF;     /* 给 IE6.0 看的 */
小一博客 | 小一的两栏主题
Zblogger用户交流群:45392342(已满)25018716(已满)

TOP

学习了.

TOP

发新话题