utahfriend
07-02-2009, 07:50 AM
I have a simple page at http://www.redcastlefurniture.com/portrane.html
It looks great in IE and Firefox, but not Safari. In Safari there is a space above the large image. I have put valign="top" on all cells and even put the height of the table, but no change. Any help or suggestions will be very much appreciated!
View my code that deals with the page here:
<div align="center"><center>
<table cellspacing="0" cellpadding="0" width="850" background="http://www.redcastlefurniture.com/os_commerce/images/econ-bg-red.jpg" border="0">
<tr>
<td valign="top" width="315" background="http://www.redcastlefurniture.com/os_commerce/images/econ-left.jpg" height="490">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td width="31%"> </td>
<td width="69%"> </td>
</tr>
<tr>
<td width="31%"> </td>
<td width="69%">
<table cellspacing="0" cellpadding="0" width="67%" border="0">
<tr>
<td width="100%"><font face="Arial" color="#db8c7b"><span style="font-size: 9pt">Don't forget! Refer us to one of your friends, colleagues, loved ones, next door neighbors, the man mowing his lawn down the street, your sweet grandma who lives <br />
a couple of states away, the random college student who walks your dog, etc. The first time they make <br />
a purchase of at least $500, they tell us that you referred them, and you get a lovely gift certificate to dinner! You can earn as many gift certificates as you like, this isn’t a one time deal! We want to send you to dinner!<br />
<br />
Sign up on our email list <br />
to receive one email per month (12 total per year) about our incredible monthly specials!</span></font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" align="center" width="470">
<table cellspacing="0" cellpadding="0" width="470" align="right" border="0">
<tr>
<td class="smallText" width="470" colspan="5" valign="top">
<table cellspacing="0" cellpadding="0" width="470" align="right" border="0">
<tr>
<td valign="top" align="right">
<p align="right">
<img class="" alt="" align="right" border="0" src="http://redcastlefurniture.com/images/PortraneDisplay.jpg" width="469" height="356" /></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="149"> </td>
<td><img height="2" alt="" width="6" border="0" src="http://www.globalmarketingplus.com/images/spacer.gif" /></td>
<td width="155"> </td>
<td ><img height="2" alt="" width="6" border="0" src="http://www.globalmarketingplus.com/images/spacer.gif" /></td>
<td width="151"> </td>
</tr>
<tr>
<td width="149">
<table cellspacing="0" cellpadding="0" align="right" border="0">
<tr>
<td class="smallText" align="center">
<img border="0" src="http://redcastlefurniture.com/images/PortraneA.jpg" width="150" height="113" align="right" /></td>
</tr>
</table>
</td>
<td></td>
<td width="149">
<table cellspacing="0" cellpadding="0" align="right" border="0">
<tr>
<td class="smallText" align="center">
<img class="" alt="" border="0" src="http://redcastlefurniture.com/images/PortraneB.jpg" width="150" height="113" /></td>
</tr>
</table>
</td>
<td ></td>
<td width="149">
<table cellspacing="0" cellpadding="0" align="right" border="0">
<tr>
<td class="smallText" align="center">
<img class="" alt="" border="0" src="http://redcastlefurniture.com/images/PortraneC.jpg" width="150" height="113" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="65" background="http://www.redcastlefurniture.com/os_commerce/images/econ-right.jpg"> </td>
</tr>
<tr>
<td width="315"> </td>
<td width="470">
<img border="0" src="http://www.globalmarketingplus.com/images/spacer.gif" width="1" height="4"></td>
<td width="65"> </td>
</tr>
<tr>
<td width="315"> </td>
<td width="470"><font face="Arial"><font color="#ffffff">The Barry Living Room Collection</font> </font><font style="font-size: 9pt" face="Arial" color="#db8c7b">is an affordable yet classy addition to any home. This microfiver set features comfortable coil seating, all padded outsides, and wood legs.</font>
<p><font style="font-size: 9pt" face="Arial" color="#db8c7b"><strong>Key features include: </strong>Hardwood frame, webbed back, sinuous spring base, attached seat cushions, coil spring cushion, and polyester fiber fill. Beige or chocolate microfiber cover.</font></p>
</td>
<td width="65"> </td>
</tr>
<tr>
<td width="315"> </td>
<td class="pageHeading" valign="top" width="470">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="pageHeading" valign="top"></td>
</tr>
<tr>
<td class="main">
<p></p>
</td>
</tr>
</table>
</td>
<td width="65"> </td>
</tr>
</table>
</center></div>
It looks great in IE and Firefox, but not Safari. In Safari there is a space above the large image. I have put valign="top" on all cells and even put the height of the table, but no change. Any help or suggestions will be very much appreciated!
View my code that deals with the page here:
<div align="center"><center>
<table cellspacing="0" cellpadding="0" width="850" background="http://www.redcastlefurniture.com/os_commerce/images/econ-bg-red.jpg" border="0">
<tr>
<td valign="top" width="315" background="http://www.redcastlefurniture.com/os_commerce/images/econ-left.jpg" height="490">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td width="31%"> </td>
<td width="69%"> </td>
</tr>
<tr>
<td width="31%"> </td>
<td width="69%">
<table cellspacing="0" cellpadding="0" width="67%" border="0">
<tr>
<td width="100%"><font face="Arial" color="#db8c7b"><span style="font-size: 9pt">Don't forget! Refer us to one of your friends, colleagues, loved ones, next door neighbors, the man mowing his lawn down the street, your sweet grandma who lives <br />
a couple of states away, the random college student who walks your dog, etc. The first time they make <br />
a purchase of at least $500, they tell us that you referred them, and you get a lovely gift certificate to dinner! You can earn as many gift certificates as you like, this isn’t a one time deal! We want to send you to dinner!<br />
<br />
Sign up on our email list <br />
to receive one email per month (12 total per year) about our incredible monthly specials!</span></font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" align="center" width="470">
<table cellspacing="0" cellpadding="0" width="470" align="right" border="0">
<tr>
<td class="smallText" width="470" colspan="5" valign="top">
<table cellspacing="0" cellpadding="0" width="470" align="right" border="0">
<tr>
<td valign="top" align="right">
<p align="right">
<img class="" alt="" align="right" border="0" src="http://redcastlefurniture.com/images/PortraneDisplay.jpg" width="469" height="356" /></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="149"> </td>
<td><img height="2" alt="" width="6" border="0" src="http://www.globalmarketingplus.com/images/spacer.gif" /></td>
<td width="155"> </td>
<td ><img height="2" alt="" width="6" border="0" src="http://www.globalmarketingplus.com/images/spacer.gif" /></td>
<td width="151"> </td>
</tr>
<tr>
<td width="149">
<table cellspacing="0" cellpadding="0" align="right" border="0">
<tr>
<td class="smallText" align="center">
<img border="0" src="http://redcastlefurniture.com/images/PortraneA.jpg" width="150" height="113" align="right" /></td>
</tr>
</table>
</td>
<td></td>
<td width="149">
<table cellspacing="0" cellpadding="0" align="right" border="0">
<tr>
<td class="smallText" align="center">
<img class="" alt="" border="0" src="http://redcastlefurniture.com/images/PortraneB.jpg" width="150" height="113" /></td>
</tr>
</table>
</td>
<td ></td>
<td width="149">
<table cellspacing="0" cellpadding="0" align="right" border="0">
<tr>
<td class="smallText" align="center">
<img class="" alt="" border="0" src="http://redcastlefurniture.com/images/PortraneC.jpg" width="150" height="113" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="65" background="http://www.redcastlefurniture.com/os_commerce/images/econ-right.jpg"> </td>
</tr>
<tr>
<td width="315"> </td>
<td width="470">
<img border="0" src="http://www.globalmarketingplus.com/images/spacer.gif" width="1" height="4"></td>
<td width="65"> </td>
</tr>
<tr>
<td width="315"> </td>
<td width="470"><font face="Arial"><font color="#ffffff">The Barry Living Room Collection</font> </font><font style="font-size: 9pt" face="Arial" color="#db8c7b">is an affordable yet classy addition to any home. This microfiver set features comfortable coil seating, all padded outsides, and wood legs.</font>
<p><font style="font-size: 9pt" face="Arial" color="#db8c7b"><strong>Key features include: </strong>Hardwood frame, webbed back, sinuous spring base, attached seat cushions, coil spring cushion, and polyester fiber fill. Beige or chocolate microfiber cover.</font></p>
</td>
<td width="65"> </td>
</tr>
<tr>
<td width="315"> </td>
<td class="pageHeading" valign="top" width="470">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="pageHeading" valign="top"></td>
</tr>
<tr>
<td class="main">
<p></p>
</td>
</tr>
</table>
</td>
<td width="65"> </td>
</tr>
</table>
</center></div>