導航表在Chrome中未正確對齊

-1

在我的舊網站中，有一個相當凌亂和過時的代碼，我在Chrome中導航菜單出現問題。它完全符合Firefox和IE，但由於某些原因，Chrome只有前3個標籤才能正確居中。導航表在Chrome中未正確對齊

<table width="765" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

<td valign="top"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 

    <tr valign="top"> 

    <td width="19%"><a href="http://LINK"><img src="http://LINK" alt="" width="331" height="95" border="0"></a></td> 

    <td width="81%"><img src="http://LINK/images/logo.jpg" alt="" width="434" height="95"></td> 

    </tr> 

</table> 
</td>

<td valign="top" class="back1"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

    <tr valign="top"> 

    <td width="1%"><img src="http://LINK/images/left-top.jpg" width="23" height="30" alt=""></td> 

    <td width="98%" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

     <tr> 

     <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

      <tr> 

      <td width="90%" class="left-text11"><div align="center"><a href="http://LINK" title="" class="left-text11"> Home</a></div></td> 

      <td width="10%"><img src="http://LINK/images/line1.jpg" width="8" height="30" alt=""></td> 

      </tr> 

     </table></td> 

     <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

      <tr> 

      <td width="90%" class="left-text11"><div align="center" class="left-text11"> 

      <? if(!$_SESSION['sbprj_userid']) 

     { 

     ?><a href="http://LINK/register/" title="Registration" class="left-text11"><strong>Signup</strong></a> 

     <? 

     }else 

     { 

     ?><a href="http://LINK/myaccount.php" title="My Account" class="left-text11">My Account</a> 

     <? 

     } 

     ?></div></td> 

      <td width="10%"><img src="http://LINK/images/line1.jpg" width="8" height="30" alt=""></td> 

      </tr> 

     </table></td> 

     <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

      <tr> 

      <td align="center" width="90%" class="left-text11"><div align="center"><a href="http://LINK/free-poker-money/" title="Get Free Poker Money" class="left-text11">Free Poker Money </a></div></td> 


      </tr> 

     </table></td> 

     <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

      <tr> 



      <td width="10%"><img src="http://LINK/images/line1.jpg" width="8" height="30" alt=""></td> 

      </tr> 

     </table></td> 

     <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

      <tr> 

      <td align="center" width="90%" class="left-text11"><div align="center"><a href="http://LINK//" title="" class="left-text11">Poker School</a></div></td> 


      </tr> 

     </table></td> 

     <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

      <tr> 



      <td width="10%"><img src="http://LINK/images/line1.jpg" width="8" height="30" alt=""></td> 

      </tr> 

     </table></td> 

     <td class="left-text11"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 





      <tr> 

      <td width="90%" class="left-text11"><div align="center"><a href="http://LINK/news/" title="News" class="left-text11">News </a></div></td> 

      <td width="10%"><img src="http://LINK/images/line1.jpg" width="8" height="30" alt=""></td> 

      </tr> 



     </table></td> 

     <td class="left-text11"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 





      <tr> 

      <td width="90%" class="left-text11"><div align="center"><a href="http://LINK/support/" title="Contact Us" class="left-text11">Support </a></div></td> 

      <td width="10%"><img src="http://LINK/images/line1.jpg" width="8" height="30" alt=""></td> 

      </tr> 



     </table></td> 

     <td class="left-text11"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 





      <tr> 

      <td width="90%" class="left-text11"><div align="center"><a href="http://www.facebook.com/pokercash4free" target="_blank" title="Facebook" class="left-text11"><img src="http://LINK/images/facebook.png" border="0" width="28" height="25" /></a> <a href="https://twitter.com/pokercashfofree" target="_blank" title="Twitter" class="left-text11"><img src="http://LINK/images/twitter.png" border="0" width="28" height="25" /></a> <a href="https://plus.google.com/u/0/b/112112204165108610596/112112204165108610596/" target="_blank" title="Google+" class="left-text11"><img src="http://LINK/images/googleplus.png" border="0" width="28" height="25" /></a></div></td> 


      </tr> 



     </table></td> 




     </tr> 



    </table></td> 

    <td width="1%"><img src="http://LINK/images/right-top.jpg" width="24" height="30" alt=""></td> 

    </tr> 

</table></td>

<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 

    <tr valign="top"> 

    <td width="1%"><img src="http://LINK/images/top-1.jpg" width="23" height="17" alt=""></td> 

    <td width="98%" class="back2"><img src="http://LINK/images/back2.jpg" width="9" height="17" alt=""></td> 

    <td width="1%"><img src="http://LINK/images/right-1.jpg" width="24" height="17" alt=""></td> 

    </tr> 

</table></td>

這是代碼，任何建議，就如何解決這一問題？

來源

2013-05-02 rocco

最好的解決方法是不使用基於表格的設計，更不用說基於_nested_表格的設計。這可以用一個簡單的'ul'來解決。此外，請不要粘貼所有代碼，並期望我們努力通過它來嘗試找到有問題的區域。嘗試隔離或複製確切的問題，它使我們更容易。 – 2013-05-02 12:20:25

在第一個鏈接中，您將鏈接和圖像分隔符放在同一個表中。稍後，當它開始打破時，將它們放在單獨的表格中。但是你真的應該使用UL列表來代替它，簡單得多。 – 2013-05-02 12:22:14

分離器有一團糟。
一些分隔符在表格內部（帶有製表符的水平表格，順便說一下，你應該只將該表格放在小提琴和代碼中，而不是整個混亂使得我們更難理解）單元格，其他分隔符單獨出現在單獨的列中，因此他們正在採取與列一樣的地方。檢查並移動它們，就像在前兩個標籤中完成一樣

來源

2013-05-02 12:22:08 Tigra

謝謝，現在很簡單:) – rocco 2013-05-02 12:47:19

導航表在Chrome中未正確對齊

回答

相關問題