table problems in safari

[graphismco]

Well basically this site works fine in FF and IE on both mac and pc but I don't know how to fix it for safari. It's the gap to the right of the tables between the pics, this is the site

http://www.nyoverflow.com/

[surelybwh]

It looks the same in Safari & FF for me.

Safari Version 2.0.4 (419.3)
OS X Version 10.4.8

[graphismco]

well that's awesome news i'm running older stuff tho safari 1.3.2 and os x 10.3.9 do you know why that would make a difference?

[Rob_D]

It looks to me that the images on the right are too wide.

[graphismco]

but if i were to cut them down for safari wouldn't they then be too small for everything else? sorry i'm not a pro at this or anything i just design it usually and leave it up to someone else for this thanks for your help

[Dan Schulz]

Safari 1.x has its quirks. I haven't looked at the code, but I do know someone who still runs Safari 1.x on his Mac. I'll see if I can flag him down for you.

[graphismco]

thanks!!!

[Rob_D]

Correction, the images are not too wide. I can see where the gaps are.

Just looked at your code... Phew, there's a lot going on, quite difficult to work out what's happening. Too many nested tables and colspans etc.


I fixed it in DW8. I think one of the nested tables or tds were too wide.

<table width="806" border="0" cellpadding="0" cellspacing="0" bordercolor="#5B829C">
      <tr>
        <td width="1" rowspan="4"><img src="http://www.nyoverflow.com/images/blue_line.gif" width="1" height="353" /></td>
        <td colspan="3"><img src="http://www.nyoverflow.com/images/blue_line.gif" width="804" height="1" /></td>
        <td width="1" rowspan="4"><img src="http://www.nyoverflow.com/images/blue_line.gif" width="1" height="353" /></td>
      </tr>
      <tr>
        <td width="230" valign="top" bgcolor="#000000"><table width="235" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="http://www.nyoverflow.com/images/rangers_msg2.gif" width="230" height="172" /></td>
              <td><img src="http://www.nyoverflow.com/images/spacer.gif" width="5" height="100" /></td>
            </tr>
        </table></td>
        <td width="275" bgcolor="#000000" valign="top"><table width="250" border="0" cellpadding="0" cellspacing="4">
            <tr>
              <td height="17" colspan="4" valign="top"><img src="http://www.nyoverflow.com/images/spacer.gif" width="278" height="25" /></td>
            </tr>
            <tr>
              <td height="17" colspan="4"><img src="http://www.nyoverflow.com/images/game_header.gif" width="278" height="19" /></td>
            </tr>
            <tr>
              <td width="60">11-Nov</td>
              <td width="82" height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/a.html">at Washington</a></td>
              <td width="55"><div align="center">7:00</div></td>
              <td width="65"><div align="center"class="fix2">6:30</div></td>
            </tr>
            <tr>
              <td>15-Nov</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/a.html">at Carolina</a></td>
              <td><div align="center">7:00</div></td>
              <td><div align="center"class="fix2">6:30</div></td>
            </tr>
            <tr>
              <td>18-Nov</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/a.html">at Pittsburgh</a></td>
              <td><div align="center">7:30</div></td>
              <td><div align="center"class="fix2">7:00</div></td>
            </tr>
            <tr>
              <td>25-Nov</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/b.html">at Pittsburgh</a></td>
              <td><div align="center">7:30</div></td>
              <td><div align="center"class="fix2">7:00</div></td>
            </tr>
            <tr>
              <td>1-Dec</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/a.html">at Buffalo</a></td>
              <td><div align="center">8:00</div></td>
              <td><div align="center"class="fix2">7:30</div></td>
            </tr>
            <tr>
              <td>16-Dec</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/a.html">at Toronto</a></td>
              <td><div align="center">7:00</div></td>
              <td><div align="center"class="fix2">6:30</div></td>
            </tr>
            <tr>
              <td>23-Dec</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/b.html">at Tampa Bay</a></td>
              <td><div align="center">7:30</div></td>
              <td><div align="center"class="fix2">7:00</div></td>
            </tr>
            <tr>
              <td>3-Feb</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/b.html">at Tampa Bay</a></td>
              <td><div align="center">7:30</div></td>
              <td><div align="center"class="fix2">7:00</div></td>
            </tr>
            <tr>
              <td>6-Feb</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/b.html">at New Jersey</a></td>
              <td><div align="center">7:30</div></td>
              <td><div align="center"class="fix2">7:00</div></td>
            </tr>
            <tr>
              <td>20-Feb</td>
              <td height="17"><a href="../../../Library/WebServer/Documents/Unnamed Site 2/a.html">at New Jersey</a></td>
              <td><div align="center">7:30</div></td>
              <td><div align="center"class="fix2">7:00</div></td>
            </tr>
        </table></td>
        <td width="279" rowspan="2"><div align="left"><img src="http://www.nyoverflow.com/images/rangers_player.jpg" width="279" height="351" /></div></td>
      </tr>
      <tr>
        <td colspan="2" valign="bottom" width="100px" bgcolor="#000000"><img src="http://www.nyoverflow.com/images/cellbkg_rangers.gif" width="527" height="70" /></td>
      </tr>
      <tr>
        <td colspan="3"><img src="http://www.nyoverflow.com/images/blue_line.gif" width="804" height="1" /></td>
      </tr>
    </table>

My brain is frazzled from looking at all that code - I'll let you work out the differences between this and your original.



A word of advice. Apart from the fact that tables should only ever be used for tabular data and never for page structure, using CSS for this is far, far easier to code for and fix.

[Rob_D]

The above is the table where the hockey stick was broken. I hope this helps you to find the pronlem

Cheers

[graphismco]

awesome dude, thank you so much, this is actually how the programmer wrote it in a hurry up type thing and then gave it to me to fix, haha thank you so much tho...