css兼容问题

来源:百度知道 编辑:UC知道 时间:2024/05/05 09:34:12
我在css样式里调用了一个图片从左到右的滚动效果,在IE里浏览都是对的(不管是IE几版本的)但是在Firefox里效果却出来,不知道怎么弄!跪求高手帮忙,下有代码:
<DIV id=demo style="OVERFLOW: hidden; WIDTH:90%; COLOR: #9877cc;">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<table width="500" height="180" border="0" cellpadding="3" cellspacing="0">
<td width="200" align="center" valign="middle"><a href="#" title="aaaaa"><img src="images/20098121521128527.jpg" width="156" height="167" border="0"></a></td>
<td width="200" valign="middle"><a href="#"><img src="images/20098141022169447.jpg" width="

应该是代码不规范,在现在W3c认证中,最好是小写不要出现大写,firefox对css和代码更是要求规范。

下面是我的代码,你把你的内容你码放到里面就出来效果了。
<div id="fdemo" style="overflow:hidden; height:140px; width:953px; margin:0 10px; white-space: nowrap">
<table width="100%" border=0 align=left cellpadding=0 cellspacing=0>
<tr>
<td id=fdemo1 valign=top>
这里放你的图片代码
</td>
<td id=fdemo2 valign=top></td>
</tr>
</table>
</div>
<script language="javascript">
var speed=16; //速度(单位:毫秒,1秒=1000毫秒)
var fdemo = document.getElementById("fdemo");
var fdemo1 = document.getElementById("fdemo1");
var fdemo2 = document.getElementById("fdemo2");
fdemo2.innerHTML=fdemo1.innerHTML;
function Marquee1(){
if(fdemo1.offsetWidth-fdemo.scrollLeft<