oj项目遇到的第一个问题----------不同浏览器下兼容的问题

最近在写一个小项目，用到了一个后台模板，发现部署到服务器上之后，在不同浏览器下布局不一样

如下：

 

 

 

 

 

两个浏览器下显示不一样，在IE下布局乱了！！！！后来找到了错误的地方

 <td width="147" background="images/main_29.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="24%"> </td>
            <td width="43%" height="20" valign="bottom" class="STYLE1">管理菜单</td>
            <td width="33%"> </td>
          </tr>
        </table></td>

他把main_29.gif作为了一个表格的背景图片，所以会出现IE下平铺的现象，Mozilla下面却没事，这是浏览器兼容问题！

找到错误的地方之后，就要想办法换一种两种浏览器都能正常显示的布局！！！！于是我就摸索出了以下的布局方式，代替以上代码！！

 

<td width="147" background="images/main_29.gif" valign="center" ><font size="2" class="STYLE11" height="20">管理菜单</font></td>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
           
            <td width="33%"> </td>
          </tr>
        </table></td>

 

可以看出来，我是将main_29.gif作为背景的表格和table分开了，这样就结局了平铺的现象！！！！

结果如下：

 

 

这个只是个人遇到的一个小问题而已！！！！！除此之外呢，搜狗浏览器下的高速模式对flash的兼容性不好，有时候也会出现一些问题！！