Question

DIVCSS IE6 IE7 IE8 FireFox布局问题

<td width="230"><div align="center" style="margin-top:10px;" class="font6">古老而又神秘的西藏</div></td>
<td width="160" rowspan="2" align="left" valign="middle"><a href="filesCN/YXXZ/Impression.asp" target="_blank"><img src="pic/dzs11.gif" alt="印象西藏" width="150" height="113" border="1" style="border:1px solid #6666FF; padding:1px" /></a></td>
</tr>
<tr>
<td height="81" align="center">
<div align="left" style="width:205px;" class="fonta">        有一个古老的民族，他们生活在世界之巅的周围，善良的他们有着无比虔诚的信仰，大自然孕育了一个又一个的绝世美景，伴随着他们述说着一个又一个的神话……</div></td>
</tr>
<tr>
<td height="130" colspan="2" align="center" valign="top"><div align="center" class="linkB">
<div align="left" style="width:180px;float:left;margin-top:10px;margin-left:10px;display:inline;">
<%
While ((Repeat1__numRows <> 0) AND (NOT Works.EOF))
%>
<li class="font7"><a href="filesCN/WorksDetails.asp?ID=<%=(Works.Fields.Item("ID").Value)%>" target="_blank"><%=(Works.Fields.Item("Title").Value)%></a></li>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
Works.MoveNext()
Wend
%>
</div>
<div align="left" style="width:180px;float:right;margin-top:10px;display:inline;">
<%
While ((Repeat2__numRows <> 0) AND (NOT Works2.EOF))
%>
<li class="font7"><a href="filesCN/WorksDetails.asp?ID=<%=(Works2.Fields.Item("ID").Value)%>" target="_blank"><%=(Works2.Fields.Item("Title").Value)%></a></li>
<%
Repeat2__index=Repeat2__index+1
Repeat2__numRows=Repeat2__numRows-1
Works2.MoveNext()
Wend
%>
</div>
</div>

<div style="width:360px;*width:360px;_width:360px;text-align:right;">
<span class="linkB"><a href="filesCN/YXXZ/Impression.asp" target="_blank" class="font0">>>更多</a>  </span></div></td>
IE7、IE8下排版正常，IE6就不行了，FireFox更乱，小弟是新手，上网搜了好多关于兼容的文章，写得都很简单，但我还是没有搞明白到底代码怎么写，请高手帮忙改下，做个示范，谢谢！

Answer 1

为了IE6,能不用margin ,就不要，用Padding代替。
如果实在要用，用了后出错了，就强行用 _margin: 改过来。加下划线只对IE6有效。

对FF，如果你喜欢注释。两边一定要对齐，例：<!-----EE----->.
如果你用text-margin:center:定义DIV居中，FF不会听话的，所以为了他用PADDING,定义他居中的位置。
而且FF的要自适应高度，要加overflow:hidden;
FF比较麻烦，，设置UL。不仅margin:0px; 还在padding:0px;
LI你米有给它设固定高度的话，也一定要加overflow:hidden;

针对IE8,你只要在HEAD里加上
<meta http-equiv="x-ua-compatible" content="ie=7" /> 这句话 让IE8跟IE7兼容就行了，

这是我的经验啦，，其实很简单的，一般注意这几点，就不会有问题了

Answer 2

　　您好！很高兴为您答疑。
　　关于跨浏览器的样式兼容问题，确实是令每一个web开发人员，尤其是webUI设计人员头疼的问题，要想学习并正确解决这个问题，您应该先学习了解关于w3c标准，您可以访问：http://www.w3chtml.com进行学习。然后就是关于各个浏览器样式兼容的一些技巧，如hack、js属性的用法区别等，不过这个就需要通过时间和经验积累，不可一蹴而就。最后，如果您关于样式等内容在火狐浏览器的兼容方面出现问题，欢迎登陆访问火狐社区进行交流。
　　如果对我们的回答存在任何疑问，欢迎继续问询。

Answer 3

连CSS代码都不提供怎么帮你

再说了。。看到你写的这么乱的东东。。。也都没兴趣帮你了

兄弟。如果想让别人帮你。。请先把你应该准备的东西。提供完整，不然，没人知道应该怎么帮你。。

Answer 4

提供样式，代码要贴就完整点

Answer 5

没有样式，无能为力

Answer 6

很厉害了，你~