求解决浏览器兼容问题

Question

    做出来的静态的页面，在各个浏览器中都可以保持原样，但是改为动态之后（css样式等未变动），IE可是支持，但是火狐里就变得走样了，请问这是什么原因啊，如何解决这种兼容问题

Answer 1

浏览器--->查看--->源代码， 仔细看看，是不是和以前的静态页有所区别

Answer 2

我猜可能是少了 标签了。 标签要成对的。比如<div></div> 你改的时候，可能改丢了结尾标签吧。

Answer 3

                 <div class="three_list_hjk">
                      <div class="three_list_jkl"><a href="#">促销信息1133</a></div>
                      <div class="three_list_iop"><a href="#">MORE>></a></div>
                  </div>
.three_list_hjk{width:192px; height:30px; background:url(../images/product_three_list_3.jpg); border-bottom:#999 1px solid; clear:both;}
.three_list_jkl{width:70px; height:30px; float:left; line-height:30px; font-size:14px;margin:auto;clear:both;}
.three_list_jkl a{font-size:14px; font-weight:bold; color:#930C1A;}
.three_list_iop{width:50px; height:30px; float:right; line-height:30px; font-size:13px;}
.three_list_iop a{font-size:13px; color:#930C1A;}就拿这段代码说吧，在火狐里只能拿到字，却没有一点样式

Answer 4

火狐装一下插件firebug，看一下样式是否有问题

Answer 5

这个样式列表在我这儿本地测试了一下是没问题的。但这种结构也不推荐这样，而是这样：<style type="text/css">
*{margin:0;padding:0;}
body{font-size:12px;}
.sales_list{width:192px;background:url(../images/product_three_list_3.jpg);border-bottom:#999 1px solid;clear:both;}
.sales_list h1{height:30px;line-height:30px;font-size:14px;color:#930C1A;}
.sales_list h1 a.more{float:right;margin-right:10px;font-size:12px;color:#930C1A;}
.sales_list h1 a.more:hover{text-decoration:none;color:#f00;}
</style>
<div class="sales_list">
<h1><a href="#" class="more">MORE>></a>促销信息1133</h1>
</div>命名尽量用英文，