您在这里 首页 > 交流社区
社区首页
 
标题: [网页设计] IE与FF兼容性问题
店小一





UID 10001
精华 0
积分 0
帖子 2233
积分 11165 分
水晶石 0 颗
学徒 0 级
阅读权限 10
注册 2008-7-15
发表于 2008-8-6 15:23  资料  个人空间  短消息  加为好友 
IE与FF兼容性问题

在IE中因为右方文字在鼠标划上的时候会显示答案,正常会把下方的页角往下推.

而在FF里的效果是把页角挤变型了。。这是为什么?

而且还存在另外一个问题,就是IE显示的时候背影的蓝色底边紧贴着文字,而FF就会有一定的间距。怎么样IE与有像FF这样的间距?
<html><head><meta http-equiv="Content-Type" c><meta name="Copyright" c /><meta name="description" c /><meta c name="keywords" /><title>安全岛(safemore.com)全球首发中文网络安全保险箱</title></head><style>#content{text-align: left; width: 720px; height:auto;margin: 0 auto; background:#FFFFFF; border-left:#666666 1px solid; border-right:#666666 1px solid; font-size:12px;}.main{width:708px; min-height:450px; margin-top:10px; margin-left:5px;}.left{width:353px; height:435px; float:left;}.right{width:354px; min-height:450px; float:right;border-left:#006699 1px solid}.login_b{width:300px; height:240px; margin-left:25px; margin-top:10px;}.login{width:348px; min-height:410px; margin-left:4px; margin-top:5px; background-color:#5592CF; border:#174080 1px solid;}.wenti{width:315px; height:auto; margin-left:25px; margin-top:20px;}.wenti td{ font-size:12px;}.footer{width:720px; border-top:#2C68B2 1px solid;}.footer ul li{ text-align:center}</style><script language=JavaScript>var number=4; //定义条目数function LMYC() {var lbmc;    for (i=1;i<=number;i++) {        lbmc = eval('LM' + i);        lbmc.style.display = 'none';    }} function ShowFLT(i) {    lbmc = eval('LM' + i);    if (lbmc.style.display == 'none') {        LMYC();        lbmc.style.display = '';    }    else {        lbmc.style.display = 'none';    }}function hidecontent(i){        lbmc = eval('LM' + i);        lbmc.style.display = 'none';        }</script><body><center><DIV id="content">  <div class="main"><div class="left"></div><div class="right"><div class="login"><div class="login_b"></div><div class="wenti"><script language="javascript" src="js/ts1.js"></script><table width="300" border="0" cellspacing="0" cellpadding="0"  id="soojs">  <tr>    <td width="20" height="30" align="right" class="dotline"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>    <td width="300" height="30" class="dotline"><a href="javascript:void(null)" class="STYLE1" onmouseover=javascript:ShowFLT(1) >1.为什么我在加入购物车“该物品库存”?</a></td>  </tr>  <tr id=LM1 style="DISPLAY: none">    <td height="30" align="right"></td>    <td height="30">这是因为您要购买的数量超过了我们目前仓库中该物品的数量。比如说您想购物10件物品,而我们目前只有5件库存,所以系统会出现该提示,并会把尽可能多的物品加入您的购物车。</td>  </tr>  <tr>    <td height="30" align="right" class="dotline"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>    <td height="30" class="dotline"><a onmouseover=javascript:ShowFLT(2) href="javascript:void(null)">2.“下次自动登录”有什么用?</a></td>  </tr>  <tr id=LM2 style="DISPLAY: none">    <td height="30" align="right"> </td>    <td height="30"><p>如果您是我们的会员,在您登录的时候,会有一个下次自动登录选项。如果您是在家或者办公室上网的话,您可以选中它,这样当您下次再来的时候,就不用再手工登录了,会自动识别出您,并自动登录。</p>    </td>  </tr>    <tr>    <td height="30" align="right" class="dotline"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>    <td height="30" class="dotline"><a onmouseover=javascript:ShowFLT(3) href="javascript:void(null)">3.为什么在付款的时候要“多加一个尾数”?</a></td>  </tr>  <tr id=LM3 style="DISPLAY: none">    <td height="30" align="right"> </td>    <td height="30">因为我们的定单较多,难免会出现多个顾客同时汇款的情况。加个尾数可以方便我们识别您的汇款,以减少不必要的麻烦,并第一时间给您发货。如果有可能的话,我们还建议在您的汇款或者转帐附言中写明您的订单号。当然,您在付款后及时的通知我们也是必不可少的。</td>  </tr>    <tr>    <td height="30" align="right" class="dotline"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>    <td height="30" class="dotline"><a onmouseover=javascript:ShowFLT(4) href="javascript:void(null)">4.什么是TrackBack,对我而言有何意义?</a></td>  </tr>  <tr id=LM4 style="DISPLAY: none">    <td height="30" align="right"> </td>    <td height="30">简单说来,TrackBack 被设计用来提供一种方法以实现网站之间的互相通告。利用这种简单使用的方式,可以让您实现主动推送(Push)一条相关信息加进产品页面内。这样,不仅使用户在访问我们的网站时得到的高价值信息量更多,更能使您的 Blog 吸引到与您志同道合的朋友。</td>  </tr>    </table></div></div></div></div><div class="footer">  <ul><li><a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">认证体系</a> | <a href="#">技术标准</a> | <a href="#">解决方案</a> | <a href="#">加入收藏</a></li>    <li><span class="hui">合作伙伴:辽宁CA,北京天威诚信,北京飞天诚信,上海CA,北京CA,首信集团</span></li>    <li><span class="hui">COPYRIGHT 2006.</span> <span class="hong">NETAI TECHNO</span> <span class="hui">ALL RIGHTS RESERVED.</span></li></ul></div></DIV></center></body></html>
    提示:您可以先修改部分代码再运行

顶部