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

好几天都没有来这里闲转了,因为忙着做 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  阅读(3471)  评论(33编辑  收藏  举报