-1

私の古いサイトの 1 つで、かなり乱雑で古いコードが使用されていますが、Chrome のナビゲーション メニューに問題があります。Firefox と IE では完全に整列しますが、何らかの理由で Chrome では最初の 3 つのタブのみが正しく中央に配置されます。

http://jsfiddle.net/8b2Cm/1/

<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>

これはコードです。これを修正する方法について何か提案はありますか?

4

1 に答える 1

0

セパレーターがごちゃごちゃしています。
一部のセパレーターはテーブル内にあります（タブ付きの水平テーブル、ちなみに、そのテーブルのみをフィドルとコードに入れる必要があります。全体が混乱して理解しにくくなるわけではありません）セル、他のセパレーターは別の列にすべて単独で表示されるため、それらは列と同じ場所を取っています。最初の 2 つのタブで行ったように、チェックして移動します。

于 2013-05-02T12:22:08.440 に答える