Question

CMS新闻标题调用时，用CSS控制，在ie中显示正常而在火狐等其它浏览器中就不正常了，求助。

CMS新闻标题调用时，用CSS控制，在ie中显示正常而在火狐等其它浏览器中就不正常了，求助。代码如下：
这一第一段： <span class="NewsList5">这种方法调用
.NewsList5 li{ background:url(../../images/icon/ico_7.gif) no-repeat top left;padding-left:15px;padding-bottom:0px;margin-bottom:0px;}
.NewsList5 li a{padding-top:-10px}
.NewsList5 ul{ margin-left:0px;vertical-align:middle;padding-bottom:0px;margin-bottom:0px}

这是第二段：<span class="NewsList2">这种方法调用
.NewsList2{ margin:0px;padding:0px;padding-bottom:0px;margin-bottom:0px}
.NewsList2 ul{ margin-left:0px;vertical-align:middle;padding-bottom:0px;margin-bottom:0px}
.NewsList2 li{ background:url(../../images/icon/ico_0.gif) no-repeat center left;padding-left:15px;line-height:22px;padding-bottom:0px;margin-bottom:0px;white-space:nowrap;}

.NewsList2 .NewsList_title{ float:left}
.NewsList2 span.NewsList_time{ float:right}

这段CSS中的代码如何能让在火狐中也好用呢？ 谢谢

Answer 1

关于css的兼容性问题有很多，就按你贴出来的代码来说一下：

1. li标签最好是不要放在span标签里面，span标签是行内标签，强制插入ul、div、标题等就会产生一些兼容性的问题，可能在IE里面浏览没有问题，但其他浏览器中就乱套了。

2.vertical-align:middle;如果你想让文字垂直居中显示，最好是采用行高（line-height）或者填充（padding）来控制。

3.最好开始就把元素的默认样式清除。像ul、li等元素是有默认样式的，如果不定义它的margin:0px;padding:0px;在各个浏览器中的效果就会产生偏差。

Answer 2

这个给你说不来，你代码不完全，你应该把所有代码贴出来，还有图片，我们是搞CSS的，搞CSS的人都懂的兼容问题，除非你是菜鸟，你把代码全贴出来，我可以帮你写代码，而且你的那些代码有的都没有必要写