求解决浏览器兼容问题

[java_dao]

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

[lsw645645645]

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

[java_dao]

<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;}

就拿这段代码说吧，在火狐里只能拿到字，却没有一点样式

[njkzc]

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

[豪情]

这个样式列表在我这儿本地测试了一下是没问题的。但这种结构也不推荐这样，而是这样：

<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>

命名尽量用英文，

[豆虫]

样式没变 只是内容变了就导致页面走样？怎么可能 代码晒下~~~

[挨踢直男]

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

[wis2007]

好奇，代码晒下

[sohighthesky]

搞明白动态与静态之间的区别是关键