SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Feb 2005
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table Appearing Incorrectly on MAC Browsers

    http://positivelyhome.spintest.com/a...l_My_Home.aspx

    I am trying to figure out why the table in the top left corner of this page, (directly below the "home sellers" copy) is appearing wrong on the MAC internet browers: Explorer, Firefox and Netscape. It appears that there is an extra row between the "Add My Home" and the "Edit my Listing" rows.

    It appears properly on the PC browsers...

    Thanks for any ideas.

    Ben

  2. #2
    SitePoint Evangelist figbeam's Avatar
    Join Date
    Jun 2004
    Location
    Sweden
    Posts
    508
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It appears properly in IE for PC at least. I tried with Opera 7.23 and FF, take a look at this picture. In all three browsers I hovered above "Add my home".

    In both Opera and FF the cell is too high. In Opera the picture of the arrow has a little bit chopped off at the bottom. In FF there's no hover effect.

    There's a lot of javascript cluttering the code and I'm not sure how this affects the display (I don't know much js...).

  3. #3
    SitePoint Wizard LiquidReflex's Avatar
    Join Date
    Aug 2003
    Location
    Minnesota
    Posts
    1,861
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You have an extra blank TR and TD in there, that is why it appearing too large/tall. Look at the code below:

    Code:
    <!-- START LEFT 1 -->
    		  <td width="219" valign="top" style="background: #FFF url(../images/nav_left/bg.gif)rep"><img src="../images/nav_left/sell_my_home.gif" width="167" height="37">
                <table width="166"  border="0" cellspacing="0" cellpadding="0" bgcolor="#9BB1E1">
                  <tr>
    
                    <td class="leftnav" onclick="mClk(this);" onmouseover="mOvr(this,&quot;#7D94D5&quot;);" onmouseout="mOut(this,&quot;&quot;);"><a id="lbtnAdd" href="javascript:__doPostBack('lbtnAdd','')">Add My Home</a></td>
                  </tr>
                  <tr>
    				<td class="leftnav" onclick="mClk(this);" onmouseover="mOvr(this,&quot;#7D94D5&quot;);" onmouseout="mOut(this,&quot;&quot;);">
    					
       				</td>
       			  </tr>
    If you remove the second TR code like the following, it will probably appear correctly:
    Code:
    <!-- START LEFT 1 -->
    		  <td width="219" valign="top" style="background: #FFF url(../images/nav_left/bg.gif)rep"><img src="../images/nav_left/sell_my_home.gif" width="167" height="37">
                <table width="166"  border="0" cellspacing="0" cellpadding="0" bgcolor="#9BB1E1">
                  <tr>
    
                    <td class="leftnav" onclick="mClk(this);" onmouseover="mOvr(this,&quot;#7D94D5&quot;);" onmouseout="mOut(this,&quot;&quot;);"><a id="lbtnAdd" href="javascript:__doPostBack('lbtnAdd','')">Add My Home</a></td>
                  </tr>
    Kevin Hauge : Modern Leaf Design : Follow Us on Facebook
    Client Axis v.08 - client / project management script


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
  •