Looks great on a Mac, but wrong on a PC- whatup? ( 6 Views )

1. Hey all,
   
   I have a problem that has me really, really confused. On my site, c2images.com, I have a grey box that my main text displays in. I wanted to give the box rounded corners, so I made two gifs: one on top, one on bottom. They match the color of the box the text goes into, so it should all look like one big box.
   
   At least, that's how it looks on a mac. I've built it and tested it on a mac. However, when someone on a PC using IE views the site, there is a white gap between the top gif and the box below.
   
   Here is the code:
   
   <table width="300" border="0" cellspacing="0" cellpadding="0">
   <tr>
   <td align="center" valign="top" width="300"><img src="image_files/texttop.gif" border="0">
   <table width="300" border="0" cellspacing="0" cellpadding="12">
   <tr>
   <td bgcolor="#cccccc" width="276"><!-- #BeginEditable "text%20area" --><agl:container> <p>Welcome to c2images.com, the online portfolio of Chip Cullen. If creative illustration and design is up your alley, take a look around. If you see something you like, drop me a line.
   <P>I am also the recipient of three Addy awards this year. If you want to see the work I picked up awards for, <a href=http://c2images.com/addy1.php>click here</a>.</p>
   </agl:container><!-- #EndEditable --></td>
   </tr>
   </table>
   <img src="image_files/textbottom.gif" border="0"></td>
   
   I can't spot anything that would cause this problem to happen. Any thoughts?
   
   BTW, this was built in GoLive, but the HTML seems right. Please help!
   
   
   (emrecan, Libyan Arab Jamahiriya)


2. If this helps, this is how this problem section displays on a Mac (in Safari):
   
   http://c2images.com/other_images/maclook.jpg
   
   Whereas this is how it looks on a PC in IE:
   
   http://c2images.com/other_images/pclook.jpg
   
   I think netscape on the PC displays it correctly, but I really need this to look right in Internet Explorer. Thanks!
   
   
   (hasan, Nicaragua)


3. two things to try, put the top rounded images in its own cell before you start the other table. Also set a height like 1 pixel for the cell holding the image.
   
   
   (deniz, Wallis and Futuna)


4. PC's usually make my head hurt. Usually Explorer is always making me look at things a bit different.
   
   Try enclosing your graphics in their own TD cells like so:
   

   HTML Code:

   ---

   <table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" width="300"><img src="image_files/texttop.gif" border="0"></td>
</tr>
<tr>
<td>
        <table width="300" border="0" cellspacing="0" cellpadding="12">
        <tr>
        <td bgcolor="#cccccc" width="276"><!-- #BeginEditable "text%20area" --><agl:container> <p>Welcome to c2images.com, the online portfolio of Chip Cullen. If creative illustration and design is up your alley, take a look around. If you see something you like, drop me a line.
        <P>I am also the recipient of three Addy awards this year. If you want to see the work I picked up awards for, <a href=http://c2images.com/addy1.php>click here</a>.</p>
        </agl:container><!-- #EndEditable --></td>
        </tr>
        </TABLE>
</td>
</tr>
<tr>
<td>><img src="image_files/textbottom.gif" border="0"></td>
</tr>
</table>

   ---

   
   
   (muhammet, Lebanon)


5. i'll give it a shot. i've updated the site with the suggested changes (the graphics in their own cell), but i'm not sure if this has fixed the problem. can anyone tell me if it has?
   
   
   (kübra, Guadeloupe)


6. 1 Attachment(s)
   looks good in ie5 through 6 - here's a screenshot:
   
   
   (fýrat, South Georgia and the South Sandwich Islands)


7. very cool! thanks for the screenshot! thanks also to those with the advice that has seem to have fixed my problem. the new cells did the trick. thanks again!
   
   
   (sanane, San Marino)

Related Topics ... (or search in 1.720.883 topics !)