为什么浏览器有这么多标准???

好几天都没有来这里闲转了，因为忙着做 Maxtocode 的产品网站
由于产品定位就想要国际化，所以支持国外的流行浏览器是不可避免的，至少得支持 Firefox 吧。

平时被IE宠坏了，Firefox看起来真的很自由，让人很向往，真的用起来才发现。。。 （也许是我无知）

这里我将陆续把 IE 和 Firefox 我能碰到的问题拿出来，以供大家以后发展参考。

两款浏览器标准不同，偶就不说了，反正偶也说不清楚到底那些不同，就每天把碰到的问题和解决的问题拿出来给大家参考吧

今天碰到两个恶心的问题
1. offsetLeft

object.offsetLeft 调用是取区object 到 OffsetParent 的距离，这本来是一个常用的方法，不过今天折磨了我半天时间。

<table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
   <table width="780" height="1069" border="1" align="center" cellpadding="0" cellspacing="0" id="tMain" >
    <tr>
       <td></td>
    </tr>
    </table>   
 </td>
  </tr>
</table>
<script language="javascript1.2">
 function ReLocate()
 {
  alert(document.getElementById("tMain").offsetLeft)
 }
 window.onload=ReLocate;
</script>
很平常的语句，输出 offsetLeft 的值，在IE下当然是好的，可在Firefox下，总是输出 1
为什么？？？（当然，源代码不止这么一点，我最后慢慢精减到这么一点的。）
我在网上找遍了资料，也没找出原因，
解决方法：最后把代码改为：
<table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
   <table width="780" height="1069" border="1" cellpadding="0" cellspacing="0" id="tMain" >
    <tr>
       <td></td>
    </tr>
    </table>   
 </td>
  </tr>
</table>
结果正常了，与IE一样了。。。该死的 Firefox

2.Div
   我建了一个Div，需要移动，使用Javascript控制Div的Top and Left
   Div 使用了 style.css 中的一个 class
   这很常啊 Dw支持这样的写法，默认也是这样的写法

    IE中很正常，到了 Firefox 中，又不起作用了。。。倒！ 不知道Firefox这么烂，用户能用得下去吗？

    解决方法：

    将style.css 中的 class 从Div上去掉，然后使用 <Div id='abc' style = "..."> </div> 代替即可
    唉...
   

    希望大家还遇到过什么问题,怎么解决的,也贡献出来吧!

posted on 2005-07-23 00:15  Jason.NET  阅读(3523)  评论()    收藏  举报