IE显示正常，火狐Firefox显示异常，请帮忙看上多谢-HTML教程-爱易网页

IE显示正常，火狐Firefox显示异常，请帮忙看上多谢

日期：2014-05-17　浏览次数：20677 次

IE显示正常，火狐Firefox显示错误，请帮忙看下谢谢
代码如下IE显示正常

但用火狐，菜单栏就会缺少右边一块，大概一半的样子无法显示图片。

不知道错在那里了，请大家帮忙看一看啊，谢谢了

<STYLE type=text/css>

A {
COLOR: #222222; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0000; TEXT-DECORATION: underline
}
.navping A {
PADDING-LEFT: 47px; FONT-SIZE: 14px; BACKGROUND: url(t_23.jpg) no-repeat; WIDTH: 220px; COLOR: #333333; PADDING-TOP: 5px; FONT-FAMILY: Times New Roman,Verdana, Arial, Helvetica, sans-serif; HEIGHT: 30px
}
.navping A:hover {
PADDING-LEFT: 47px; FONT-SIZE: 14px; BACKGROUND: url(t_24.jpg) no-repeat; WIDTH: 220px; COLOR: #680000; PADDING-TOP: 5px; FONT-FAMILY: Times New Roman,Verdana, Arial, Helvetica, sans-serif; HEIGHT: 30px; TEXT-DECORATION: none
}

</STYLE>

<table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>

<td height="30" class="navping"><a href="index.html">主页</a></td>

</tr>

<tr>

<td height="30" class="navping"><a href="register.php">注册</a></td>

</tr>

<tr>

<td height="30" class="navping"><a href="login.php">登陆</a></td>

</tr>
</table>

------解决方案--------------------
firefox下a默认display是inline的，设置with，height无用，所以右边没有内容

加上xhtml申明，设置display:block

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type=text/css>

A {
COLOR: #222222; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0000; TEXT-DECORATION: underline
}
.navping A {
PADDING-LEFT: 47px;display:block; FONT-SIZE: 14px;BACKGROUND: url(t_23.jpg) no-repeat; WIDTH: 173px; COLOR: #333333; PADDING-TOP: 5px; FONT-FAMILY: Times New Roman,Verdana, Arial, Helvetica, sans-serif; HEIGHT: 30px
}
.navping A:hover {
BACKGROUND: url(t_24.jpg) no-repeat;COLOR: #680000; TEXT-DECORATION: none
}

</STYLE>
   
  <table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>

  <td height="30" class="navping"><a href="index.html">主页</a></td>

  </tr>


  <tr>

  <td height="30" class="navping"><a href="register.php">注册</a></td>

  </tr>



  <tr>

  <td height="30" class="navping"><a href="login.php">登陆</a></td>

  </tr>
  </table>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

IE显示正常，火狐Firefox显示异常，请帮忙看上多谢

相关资料更多>

推荐阅读更多>