我的导航栏错误地定位在FF中
|
在IE中,导航栏的位置正确,居中于顶部。但是在FF中,它一直向右移动。我已经看过代码,仍然无法弄清楚。有任何想法吗?提前致谢!
#wrapper
{
display: block;
border: 0px solid red;
width: 896px; /*background:white;*/
margin: 0em auto;
padding: 0em;
display: block;
text-align: left;
height: auto;
}
#wrapperInner
{
display: block;
border: 0px solid red;
width: 896px; /*background:white;*/
margin: 0em auto;
padding: 0em;
display: block;
height: auto;
}
/*Menu----------------------------------------------------*/
/*------Tabs---------*/
#tabNav
{
width: 895px;
border: 0px solid red;
}
#tabNav table
{
width: 895px;
border: 0px solid red;
}
#tabNav td
{
border: 0px solid blue;
padding: 0px;
vertical-align: middle;
}
#tabNav img
{
padding: 0px;
vertical-align: bottom;
}
<div id=\"tabNav\">
<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td id=\"MainNavigation1_tab0\" align=\"center\" valign=\"bottom\" class=\"tabPos1-OffHome\">
</td>
<td id=\"MainNavigation1_tab1\" align=\"center\" valign=\"top\" class=\"tabOffHome\" style=\"vertical-align: top;\">
<a href=\"ourMenu.aspx\" class=\"navLink\">
<img id=\"MainNavigation1_imgOurMenu\" onMouseOver=\"this.src=\'images/tabMenuOvr.gif\';\" onMouseOut=\"this.src=\'images/tabMenuOff.gif\';\" src=\"images/tabMenuOff.gif\" style=\"border-width:0px;\" /></a></td>
<td id=\"MainNavigation1_tab1Over\" valign=\"bottom\" class=\"tabOverlapOffHome\">
</td>
<td id=\"MainNavigation1_tab2\" align=\"center\" class=\"tabOffHome\" style=\"vertical-align: top;\">
<a class=\"navLink\" href=\"account.aspx\">
<img id=\"MainNavigation1_imgExpress\" onMouseOver=\"this.src=\'images/tabExpressOvr.gif\';\" onMouseOut=\"this.src=\'images/tabExpressOff.gif\';\" src=\"images/tabExpressOff.gif\" style=\"border-width:0px;\" /></a></td>
<td id=\"MainNavigation1_tab2Over\" valign=\"bottom\" class=\"tabOverlapOffHome2\">
</td>
<td id=\"MainNavigation1_tab3\" align=\"center\" class=\"tabOff\" style=\"vertical-align: top;\">
<a class=\"navLink\" href=\"customerCenter.aspx\">
<img id=\"MainNavigation1_imgCustomer\" onMouseOver=\"this.src=\'images/tabCustCareOvr.gif\';\" onMouseOut=\"this.src=\'images/tabCustCareOff.gif\';\" src=\"images/tabCustCareOff.gif\" style=\"border-width:0px;\" /></a></td>
<td id=\"MainNavigation1_tab3Over\" valign=\"bottom\" class=\"tabOverlapOff\">
</td>
<td id=\"MainNavigation1_tab4\" align=\"center\" class=\"tabOff\" style=\"vertical-align: top;\">
<a class=\"navLink\" href=\"ordering.aspx\">
<img id=\"MainNavigation1_img101\" onMouseOver=\"this.src=\'images/tabOrder101Ovr.gif\';\" onMouseOut=\"this.src=\'images/tabOrder101Off.gif\';\" src=\"images/tabOrder101Off.gif\" style=\"border-width:0px;\" /></a></td>
<td id=\"MainNavigation1_tab4Over\" valign=\"bottom\" class=\"tabOverlapOff\">
</td>
<td id=\"MainNavigation1_tab5\" align=\"center\" class=\"tabOff\" style=\"vertical-align: top;\">
<a class=\"navLink\" href=\"skinnyUs.aspx\">
<img id=\"MainNavigation1_imgSkinny\" onMouseOver=\"this.src=\'images/tabSkinnyOvr.gif\';\" onMouseOut=\"this.src=\'images/tabSkinnyOff.gif\';\" src=\"images/tabSkinnyOff.gif\" style=\"border-width:0px;\" /></a></td>
<td id=\"MainNavigation1_tab5Over\" valign=\"bottom\" class=\"tabOverlapOff\">
</td>
<td id=\"MainNavigation1_tab6\" align=\"center\" class=\"tabOff\" style=\"vertical-align: top;\">
<a class=\"navLink\" href=\"joinUs.aspx\">
<img id=\"MainNavigation1_imgJoin\" onMouseOver=\"this.src=\'images/tabJoinUsOvr.gif\';\" onMouseOut=\"this.src=\'images/tabJoinUsOff.gif\';\" src=\"images/tabJoinUsOff.gif\" style=\"border-width:0px;\" /></a></td>
<td id=\"MainNavigation1_tab6Over\" valign=\"bottom\" class=\"tabOverlapOff\">
</td>
<td id=\"MainNavigation1_tab7\" align=\"center\" class=\"tabOff\" style=\"padding-left: 7px; vertical-align: top;\">
<a class=\"navLink\" href=\"faqs.aspx\">
<img id=\"MainNavigation1_imgFAQs\" onMouseOver=\"this.src=\'images/tabFaqsOvr.gif\';\" onMouseOut=\"this.src=\'images/tabFaqsOff.gif\';\" src=\"images/tabFaqsOff.gif\" style=\"border-width:0px;\" /></a></td>
<td id=\"MainNavigation1_tab7Over\" align=\"center\" class=\"tabPos7-Off\">
</td>
</tr>
<tr id=\"MainNavigation1_trLowerNav\">
<td id=\"MainNavigation1_tdLowerNav\" class=\"bgMenuHome-Off\" colspan=\"15\">
<!--inner tab nav-->
<div id=\"MainNavigation1_subNavHome\" class=\"subNav\">
<br />
</div>
没有找到相关结果
已邀请:
3 个回复
凰葱崎济邯
加到
。在Firefox 5中对我来说看起来很完美。
瞧叮
另外,为什么要使用表格?
黎喊病