php - Navigation table not aligning properly in Chrome -


on 1 of old sites, has pretty messy , outdated code, having problems navigation menu in chrome. aligns in firefox , ie reason in chrome first 3 tabs centered.

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> 

this code, suggestions on how fix ?

there mess separators.
separators inside table(horizontal table tabs, way, should put table fiddle , code, not whole mess making harder understand) cells, other separators come alone in separate column, therefore taking same place column. check , move them, it's done in first 2 tabs


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -