Navbarの位置が間違ってFF

IEの場合、ナビゲーションバーの位置が上になるように正しく配置されています。しかし、FFでは、それは右にずっと移動されます。私はコードを見て、まだそれを把握することはできません。何か案は？前もって感謝します！Navbarの位置が間違って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"> 
      &nbsp;</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"> 
      &nbsp;</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"> 
      &nbsp;</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"> 
      &nbsp;</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"> 
      &nbsp;</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"> 

      &nbsp;</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"> 
      &nbsp;</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"> 
      &nbsp;</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>

出典

2011-06-23 Kyle G

これはサーバー側のスクリプトです。生成されたHTMLを提供できますか？ – NGLN

私は[this]（http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fcoolbakers.com%2Fdefault.aspx）は問題をかなり簡潔にまとめていると思います。 – rockerest

私は数多くの間違いを認識しています。サイトは完全に解体され、私の見積もりに組み込まれる必要があります。しかし、私は時間のために窮地に陥っており、正確にはウェブ開発者ではない（マーケティング/グラフィックデザインはい、コーディングではない）。私はちょうど私が見たことがない単純な修正があるかもしれないことを望んでいた（別名はdivを開いたままにした、または種類の何か） –

float:leftから#tabNav tableを追加します。 Firefox 5で完璧に見えます。

出典

2011-06-27 15:24:22 rockerest

ありがとう、私はそれを撃つ。それはあなたに正しいと思われることは奇妙です。私はFF5も使用しています。関係なく、アドバイスのおかげで！ –

@Kyle Gフロートを追加した後**私に完璧に見えます。 – rockerest

パーフェクト、助けてくれてありがとう！このサイトは学習の面で私にとって大きな資産であり、私はもっと学習を続けていきたいと思っています！ –

あなたの文書の先頭で宣言DOCTYPEを持っているのですか？そうでない場合、あなたは1つが必要です...

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

また、テーブルを使用している理由は何ですか？

出典

2011-06-23 22:31:06 kdub

遅れた応答の人に申し訳ありません。はい、私はDoctypeを宣言しています。私が始めた前に他の誰かがウェブサイトをデザインしていたので、なぜ彼らがテーブルを使ったのか分かりませんが、クライアントは変わりたくありません。上記のレンダリングされたHTMLを追加しました。ご協力いただきありがとうございます！ –

私はあなたのコードを入れて答えを見つけました。 #tabnav idに次の文字を追加するだけです。

margin：0 auto;

出典

2011-06-28 04:33:57 kdub

Navbarの位置が間違ってFF

答えて

関連する問題