SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    table problems in safari

    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/

  2. #2
    SitePoint Zealot surelybwh's Avatar
    Join Date
    Mar 2005
    Location
    San Antonio
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Which Safari?

    It looks the same in Safari & FF for me.

    Safari Version 2.0.4 (419.3)
    OS X Version 10.4.8

  3. #3
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?

  4. #4
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It looks to me that the images on the right are too wide.

  5. #5
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  6. #6
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  7. #7
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks!!!

  8. #8
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

    Code:
    <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.
    Last edited by Rob_D; Oct 23, 2006 at 10:20. Reason: Precision

  9. #9
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The above is the table where the hockey stick was broken. I hope this helps you to find the pronlem

    Cheers

  10. #10
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •