Mozilla/IE difference

[noswad]

Arrrggghhh _\|/_

Page: Click here

Can anyone tell me why the 'phone image' at the top is correct (sat at the bottom) in IE but not in Mozilla?

My code for the top table is:

<table width="750" align="center" cellspacing="0" bgcolor="#CCCCCC"> 
  <tr>    <td>      <table width="100%" border="0" cellspacing="0" bgcolor="#FFFFFF">       
    <tr> 
         <td width="48%" rowspan="2" align="center"><p><a href="index.php"><img src="images/test-logo.jpg" width="325" height="30" border="0" /></a><br />
         </p></td>         
         <td width="37%" rowspan="2" align="center" valign="baseline"><img src="images/handsets/3_phones_mixed_header.jpg" width="260" height="71"/></td>
         <td width="15%" height="29" align="center" valign="middle"><span class="gift_name"><img src="images/lock.gif" width="15" height="11" /><a href="login.php" class="gift_name">Member Login</a></span></td>
    </tr>
    <tr>
      <td align="right" valign="top"> </td>
    </tr>       
         </table>     </td>   </tr> </table>

Thanks :kickass:

 

[brweb]

Just see on your Image line... there is no space... a space is required...as I think... this will solve your problem

OLD:

<td width="37%" rowspan="2" align="center" valign="baseline"><img src="images/handsets/3_phones_mixed_header.jpg" width="260" height="71"/></td>

NEW:

<td width="37%" rowspan="2" align="center" valign="baseline"><img src="images/handsets/3_phones_mixed_header.jpg" width="260" height="71" /></td>

I think there is just a simple space problem. After the word height="71" There is not a space, add a space and try...

 

[noswad]

Hi brweb

That didn't work but i found out what the problem was...

I changed 'baseline' to 'bottom' just before the image location :lala:

I still have problems in Mozilla with the height between the 'Select your phone' text and border above though?!?!?