导航条设置,对浏览器兼容CSS设置问题
@charset"utf-8";/*CSSDocument*/html,body,ul,li{padding:0;margin:0;}body{font:12px/nor...
@charset "utf-8";
/* CSS Document */
html, body, ul, li {padding:0; margin:0;}
body {font:12px/normal Verdana, Arial, Helvetica, sans-serif;}
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}
/*menu*/
#menu {
display:block;
width:860px;
height:34px;
margin-top: 70px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
#nav {display:block;}
#nav .mainlevel {
float:left;
text-align:center;
display:block;
background-color: #3f240e;
}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:34px; height:34px; text-align:center; padding:0 20px; display:block; _width:48px;}
#nav .mainlevel a:hover {color:#3f240e; text-decoration:none; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav .mainlevel ul {position:absolute; display:none; *width:1024px;/*IE is great need, width>=li.length*/}
#nav .mainlevel li {float:left; background:#3f240e;}
#nav .mainlevel li a {padding:0 12px; line-height:24px; height:24px; display:block; _padding-bottom:6px;/*IE6 only*/}
#nav .mainlevel li a:hover {color:#3f240e; text-decoration:none; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note {color:#3f240e; border-right:1px solid #fff; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;}
.Triangle_con {
height:9px;
display:block;
_margin-bottom:-6px;IE6 only
background-image: url(../images/bird.png);
background-repeat: no-repeat;
background-position: 36px 0;
}
.log {
width:auto;
text-transform:capitalize;
line-height:200%;
margin-top: 100px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
}
不同浏览器的不同效果。不知道怎么改才合适。文字必须那么多。设置了单元格12pt字为单位后,显示是正常了。但各单元间隔不一样。效果很难看。 展开
/* CSS Document */
html, body, ul, li {padding:0; margin:0;}
body {font:12px/normal Verdana, Arial, Helvetica, sans-serif;}
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}
/*menu*/
#menu {
display:block;
width:860px;
height:34px;
margin-top: 70px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
#nav {display:block;}
#nav .mainlevel {
float:left;
text-align:center;
display:block;
background-color: #3f240e;
}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:34px; height:34px; text-align:center; padding:0 20px; display:block; _width:48px;}
#nav .mainlevel a:hover {color:#3f240e; text-decoration:none; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav .mainlevel ul {position:absolute; display:none; *width:1024px;/*IE is great need, width>=li.length*/}
#nav .mainlevel li {float:left; background:#3f240e;}
#nav .mainlevel li a {padding:0 12px; line-height:24px; height:24px; display:block; _padding-bottom:6px;/*IE6 only*/}
#nav .mainlevel li a:hover {color:#3f240e; text-decoration:none; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x;}
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note {color:#3f240e; border-right:1px solid #fff; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;}
.Triangle_con {
height:9px;
display:block;
_margin-bottom:-6px;IE6 only
background-image: url(../images/bird.png);
background-repeat: no-repeat;
background-position: 36px 0;
}
.log {
width:auto;
text-transform:capitalize;
line-height:200%;
margin-top: 100px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
}
不同浏览器的不同效果。不知道怎么改才合适。文字必须那么多。设置了单元格12pt字为单位后,显示是正常了。但各单元间隔不一样。效果很难看。 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询